Prova un attimo questo:
Ti va?codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it"> <head> <style> div#contenitore{ position: absolute; top: 10%; left: 10%; width: 300px; height: 300px; overflow: hidden; } div#contenitore img{ position: absolute; float: left; width: 300px; height: auto; top: 0px; left: 0px; z-index: 5; } div#contenitore img.attiva{ z-index: 10; } </style> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ setInterval("Slideshow()", 1000); }); function Slideshow() { var $attiva = $("div#contenitore img.attiva"); if ($attiva.lenght == 0) { $attiva = $("div#contenitore img:last"); } if ($attiva.prev().length == 0) { var $prev = $("div#contenitore img").last(); } else { var $prev = $attiva.prev(); } $attiva.removeClass("attiva").animate({opacity: "0.0"}, 500); $prev.css("opacity","0.0"); $prev.addClass("attiva").animate({opacity: "1.0"}, 500); } </script> </head> <body> <div id="contenitore">![]()
![]()
![]()
![]()
</div> </body> </html>
Premetto che dovrei averti risolto solo il bug del prev.
![]()

</div>
</body>
</html>
Rispondi quotando