Buenos días.
Necesito de vuestra ayuda con un pequeño problemilla que tengo con una galeria de imagenes.
El problema es que muestra las imagenes y ciertamente funciona bien. Hasta que llega a la ultima imagen y en lugar de volver a mostrar la imagen 1 o pararse se debe quedar intentanto mostrar algo hasta que finalmente salta el aviso de detener el script.
Podria alguien echarme una mano y de paso decirme que deberia de hacer para que llegando al final volviera a mostrase todo? Vamos un bucle.
Un saludo y os dejo el codigo.
Este es el jquery que usa para funcionar. 1.9.1 http://ajax.googleapis.com/ajax/libs.../jquery.min.js Este es el javascript
Código Javascript
:
Ver original$(document).ready(function () {
$("#imagen1").show(3000,cambio1);
// Como la imagen 1 ya está mostrada, esto solo
// tiene efecto de retardo. Cuando pasen 3000
// milisegundos ejecutará la función cambio1.
});
function cambio1() {
$("#imagen1").fadeOut(5000,cambio2);
// Oculta la imagen1 mediante efecto de desvanecimiento
// modo que se irá mostrando la imagen2 que está por debajo.
// El efecto de desvanecimiento dura 5000 milisegundos.
}
function cambio2() {
$("#imagen2").fadeOut(5000,cambio3);
// Oculta la imagen2 mediante efecto de desvanecimiento
// modo que se irá mostrando la imagen3 que está por debajo.
// El efecto de desvanecimiento dura 5000 milisegundos.
}
function cambio3() {
$("#imagen3").fadeOut(5000,cambio4);
}
function cambio4() {
$("#imagen4").fadeOut(5000,cambio5);
}
function cambio5() {
$("#imagen5").fadeOut(5000,cambio6);
}
function cambio6() {
$("#imagen6").fadeOut(5000,cambio7);
}
function cambio7() {
$("#imagen7").fadeOut(5000,cambio8);
}
function cambio8() {
$("#imagen8").fadeOut(5000, cambio9);
}
function cambio9() {
$("#imagen9").fadeOut(5000, cambio1);
}
// JavaScript Document
Y este es el html.
Código HTML:
Ver original <img id="imagen1" style="z-index:9" src="images/1.png"> <img id="imagen2" style="z-index:8" src="images/2.png"> <img id="imagen3" style="z-index:7" src="images/3.png"> <img id="imagen4" style="z-index:6" src="images/4.png"> <img id="imagen5" style="z-index:5" src="images/5.png"> <img id="imagen6" style="z-index:4" src="images/6.png"> <img id="imagen7" style="z-index:3" src="images/7.png"> <img id="imagen8" style="z-index:2" src="images/8.png"> <img id="imagen9" style="z-index:1" src="images/9.png">
Espero que podais ayudarme.