Buenas a todos, tengo un pase de fotos en mi página con el siguiente código + un css:
Código:
<div align="center" class="ppt">
<li><img src="http://www.forosdelweb.com/f13/img/index/index01.jpg" alt="Fachada - Barcelona Princess Hotel" width="542" height="337" border="0" /></li>
<li><img src="http://www.forosdelweb.com/f13/img/index/index02.jpg" alt="Piscina - Barcelona Princess Hotel" width="542" height="337" border="0" /></li>
<li><img src="http://www.forosdelweb.com/f13/img/index/index03.jpg" alt="Terraza - Barcelona Princess Hotel" width="542" height="337" border="0" /></li>
<li><img src="http://www.forosdelweb.com/f13/img/index/index04.jpg" alt="Bar - Barcelona Princess Hotel" width="542" height="337" border="0" /></li>
<li><img src="http://www.forosdelweb.com/f13/img/index/index05.jpg" alt="Habitación - Barcelona Princess Hotel" width="542" height="337" border="0" /></li>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$('.ppt li:gt(0)').hide();
$('.ppt li:last').addClass('last');
var cur = $('.ppt li:first');
function animate() {
cur.fadeOut( 1000 );
if ( cur.attr('class') == 'last' )
cur = $('.ppt li:first');
else
cur = cur.next();
cur.fadeIn( 1000 );
}
$(function() {
setInterval( "animate()", 5000 );
} );
</script>
El caso es que ahora me interesaría poner otro en la misma página, pero poniendo un segundo slideshow con el mismo código el segundo no me funciona, teneis alguna idea de como duplicar el codigo para poner 2 en el mismo html?
Gracias!