¡Hola comunidad de Foros del Web! ¿Alguna sugerencia para crear 3 slideshows de 3 fotos diferentes (
foto_casa_01.jpg, foto_coche_01.jpg, foto_perro_01.jpg) cada una con con 4 transiciones?
Este es el código para 1 solo slideshow (
foto_casa_01.jpg) pero no para los 3:
<head>
<script type="text/javascript">
var image1 = new Image()
image1.src = "
images/foto_casa_01.jpg"
var image2 = new Image()
image2.src = "images/foto_casa_02.jpg"
var image3 = new Image()
image3.src = "images/foto_casa_03.jpg"
var image4 = new Image()
image4.src = "images/foto_casa_04.jpg"
</script>
</head>
<body>
<p><img src="
images/foto_casa_01.jpg" width="500" height="300" name="slide" /></p>
<script type="text/javascript">
var step=1;
function slideit()
{
document.images.slide.src = eval("image"+step+".src");
if(step<4)
step++;
else
step=1;
setTimeout("slideit()",2500);
}
slideit();
</script>
</body>
¿Cómo añadir el código para los slideshows de foto_coche_01.jpg y foto_perro_01.jpg (uno debajo del otro en la misma pagina.html)?
Muchas gracias!