Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/06/2013, 01:11
Avatar de paxarin
paxarin
 
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 14 años, 3 meses
Puntos: 6
Problema con script que se cuelga y bloquea navegador

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
  1. $(document).ready(function () {
  2.        $("#imagen1").show(3000,cambio1);
  3.        // Como la imagen 1 ya está mostrada, esto solo
  4.        // tiene efecto de retardo. Cuando pasen 3000
  5.        // milisegundos ejecutará la función cambio1.
  6.    });
  7.  
  8.   function cambio1() {
  9.       $("#imagen1").fadeOut(5000,cambio2);
  10.       // Oculta la imagen1 mediante efecto de desvanecimiento
  11.       // modo que se irá mostrando la imagen2 que está por debajo.
  12.       // El efecto de desvanecimiento dura 5000 milisegundos.
  13.   }
  14.  
  15.   function cambio2() {
  16.       $("#imagen2").fadeOut(5000,cambio3);
  17.       // Oculta la imagen2 mediante efecto de desvanecimiento
  18.       // modo que se irá mostrando la imagen3 que está por debajo.
  19.       // El efecto de desvanecimiento dura 5000 milisegundos.
  20.   }
  21.  
  22.   function cambio3() {
  23.       $("#imagen3").fadeOut(5000,cambio4);
  24.   }
  25.  
  26.   function cambio4() {
  27.       $("#imagen4").fadeOut(5000,cambio5);
  28.   }
  29.  
  30.   function cambio5() {
  31.       $("#imagen5").fadeOut(5000,cambio6);
  32.   }
  33.  
  34.   function cambio6() {
  35.       $("#imagen6").fadeOut(5000,cambio7);
  36.   }
  37.  
  38.   function cambio7() {
  39.       $("#imagen7").fadeOut(5000,cambio8);
  40.   }
  41.   function cambio8() {
  42.       $("#imagen8").fadeOut(5000, cambio9);
  43.   }
  44.   function cambio9() {
  45.       $("#imagen9").fadeOut(5000, cambio1);
  46.   }
  47.  
  48. // JavaScript Document
Y este es el html.
Código HTML:
Ver original
  1. <div id="photo">
  2.                 <img id="imagen1" style="z-index:9" src="images/1.png">
  3.                <img id="imagen2" style="z-index:8" src="images/2.png">
  4.             <img id="imagen3" style="z-index:7" src="images/3.png">
  5.                 <img id="imagen4" style="z-index:6" src="images/4.png">
  6.                 <img id="imagen5" style="z-index:5" src="images/5.png">
  7.                 <img id="imagen6" style="z-index:4" src="images/6.png">
  8.                 <img id="imagen7" style="z-index:3" src="images/7.png">
  9.                 <img id="imagen8" style="z-index:2" src="images/8.png">
  10.                 <img id="imagen9" style="z-index:1" src="images/9.png">
  11.             </div>
Espero que podais ayudarme.
__________________
http://www.paxarindesign.es