Gallerie Prova 01
<head>
<title>Accordion Rotator – by plusquare</title>
<link href=”css/main.css” rel=”stylesheet” type=”text/css” />
<link href=”css/accordion.css” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript” src=”jquery/jquery-1.6.2.min.js”></script>
<script src=”js/pngFixer.js”></script>
<script src=”js/accordion.js”></script>
<!– Accordion Starts Here –>
<div class=”accordion”>
<div class=”holder”>
<a href=”http://codecanyon.net/user/plusquare” target=”_blank”>
<div class=”block”>
<div class=”content_holder” src=”https://www.rorophoto.it/htdocs/Gallerie/Slider/01.jpg”>
<div class=”image”></div>
<div class=”content” transitionType=”bottom” transitionTime=”0.5″ distance=”30″ delay=”0″ x=”0″ y=”0″ alignV=”bottom”>
<div class=”box”><p class=”title”>Fauna</p><p class=”text”>Aniamali Animali Animali.</p></div>
</div>
</div>
</div>
</a>
<a href=”http://codecanyon.net/user/plusquare” target=”_blank”>
<div class=”block”>
<div class=”content_holder” src=”https://www.rorophoto.it/htdocs/Gallerie/Slider/02.jpg”>
<div class=”image”></div>
<div class=”content” transitionType=”bottom” transitionTime=”0.5″ distance=”30″ delay=”0″ x=”0″ y=”0″ alignV=”bottom”>
<div class=”box”><p class=”title”>Avifauna</p><p class=”text”>Volatili Volatili Volatili.</p></div>
</div>
</div>
</div>
</a>
<a href=”http://codecanyon.net/user/plusquare” target=”_blank”>
<div class=”block”>
<div class=”content_holder” src=”https://www.rorophoto.it/htdocs/Gallerie/Slider/03.jpg”>
<div class=”image”></div>
<div class=”content” transitionType=”bottom” transitionTime=”0.5″ distance=”30″ delay=”0″ x=”0″ y=”0″ alignV=”bottom”>
<div class=”box”><p class=”title”>Macro</p><p class=”text”>Macro Macro Macro.</p></div>
</div>
</div>
</div>
</a>
<a href=”http://codecanyon.net/user/plusquare” target=”_blank”>
<div class=”block”>
<div class=”content_holder” src=”https://www.rorophoto.it/htdocs/Gallerie/Slider/04.jpg”>
<div class=”image”></div>
<div class=”content” transitionType=”bottom” transitionTime=”0.5″ distance=”30″ delay=”0″ x=”0″ y=”0″ alignV=”bottom”>
<div class=”box”><p class=”title”>Paesaggi</p><p class=”text”>Paesaggi Paesaggi Paesaggi.</p></div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class=”previous accordion_button_simple”>Previous</div>
<div class=”next accordion_button_simple”>Next</div>
<script type=”text/javascript”>
jQuery(document).ready(function($) {
$(“.accordion”).accordion( {width:800, //width
height:400, //height
barSize:45, //barSize
cover:true, //cover,
coverAlpha:0.5, //coverAlpha,
shadow:false, //shadow,
shadowAlpha:1, //shadowAlpha,
border:true, //border,
borderSize:2 , // borderSize,
borderColor:”#ffffff”, //borderColor,
transitionTime:0.3 , //transitionTime
autoplay:false , //autoplay
autoplayTime:5 , //autoplay time
changeType:”over”,
previousBtn:$(“div.previous.accordion_button_simple”),
nextBtn:$(“div.next.accordion_button_simple”)} );
});
</script>
</body>
</html>
SEGUIMI SU: