Questo è il primo slide show:
codice:
<style type="text/css">
/*div#container{
width: 760px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: left; /*ripristina l' allineamento*/
/*} */
</style>
<script type="text/javascript" src="galleria_slide/js/jquery.js"></script>
<script type="text/javascript" src="galleria_slide/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="galleria_slide/js/easy-gallery.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#gallery").egallery({
width:550,
height:230,
speed: 1000,
delay:4000,
easing:'easeInOutBack',
thumbs:'numbers'
/*thumbClass:'tclass'
aClass:'ac'*/
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-6920506-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
a cui si aggiunge:
codice:
<div id="gallery">
<ul>[*][img]galleria_slide/images/slide.jpg[/img][*][img]galleria_slide/images/slide02.jpg[/img][/list]
</div>
IL SECONDO SLIDESHOW:
codice:
<style>
#slider {width: 450px; height: 250px; padding:0; border:0;}
#slider img {padding: 0; margin:0; border:0;}
#slider .clicker a {width: 11px; height: 11px; background: #fff; margin-right: 2px;}
#slider .clicker a.active {background: #ff0;}
</style>
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="jquery.hslide.js"></script>
<script>
$(function(){
$('#slider').hslide();
});
</script>
a cui si aggiunge:
mi potete aiutare?
grazie