Tema: problema con un intercambio de imagenes
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/11/2011, 04:26
Avatar de buzonetix
buzonetix
 
Fecha de Ingreso: diciembre-2010
Mensajes: 23
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: problema con un intercambio de imagenes
Por si a alguien le vale logre arreglarlo yo mismo pero solo en local.

el problema estaba en en setTimeout. al parecer no admite argumento la función que pasamos dentro del code

en cualquier caso sigue sin funcionarme bien en el servidor. parpadea la imagen este es el codigo que tengo ahora

Código Javascript: 
Ver original
  1. var colorActual ;
  2. arrayColores = new Array;
  3. arrayColores[0] = "amarillo";
  4. arrayColores[1] = "naranja";
  5. arrayColores[2] = "verde";
  6. arrayColores[3] = "rosa";
  7. arrayColores[4] = "azul";
  8. arrayColores[5] = "rojo";
  9. arrayColores[6] = "negro" ;
  10. var arrayImagenes = new Array ;
  11. arrayImagenes[0] = new Array ;
  12. arrayImagenes[0] = ['imagenes/amarillo1.png','imagenes/amarillo2.png','imagenes/amarillo3.png','imagenes/amarillo4.png','imagenes/amarillo5.png','imagenes/amarillo6.png'];
  13. arrayImagenes[1] = new Array ;
  14. arrayImagenes[1] = ['imagenes/naranja1.png','imagenes/naranja2.png','imagenes/naranja3.png','imagenes/naranja4.png','imagenes/naranja5.png','imagenes/naranja6.png'];
  15. arrayImagenes[2] = new Array ;
  16. arrayImagenes[2] = ['imagenes/verde1.png','imagenes/verde2.png','imagenes/verde3.png','imagenes/verde4.png','imagenes/verde5.png','imagenes/verde6.png'];
  17. arrayImagenes[3] = new Array ;
  18. arrayImagenes[3] = ['imagenes/rosa1.png','imagenes/rosa2.png','imagenes/rosa3.png','imagenes/rosa4.png','imagenes/rosa5.png','imagenes/rosa6.png'];
  19. arrayImagenes[4] = new Array ;
  20. arrayImagenes[4] = ['imagenes/azul1.png','imagenes/azul2.png','imagenes/azul3.png','imagenes/azul4.png','imagenes/azul5.png','imagenes/azul6.png'];
  21. arrayImagenes[5] = new Array ;
  22. arrayImagenes[5] = ['imagenes/rojo1.png','imagenes/rojo2.png','imagenes/rojo3.png','imagenes/rojo4.png','imagenes/rojo5.png','imagenes/rojo6.png'];
  23. arrayImagenes[6] = new Array ;
  24. arrayImagenes[6] = ['imagenes/negro1.png','imagenes/negro2.png','imagenes/negro3.png','imagenes/negro4.png','imagenes/negro5.png','imagenes/negro6.png'];
  25.  
  26.  
  27. var imagenesAmarillo = new Array(6) ;
  28. var h;
  29. for (h=0; h<imagenesAmarillo.length ; h++){
  30.     imagenesAmarillo[h] = new Image ;
  31.     imagenesAmarillo[h].src = arrayImagenes[0][h] ; 
  32.     }
  33.     
  34.     var imagenesNaranja = new Array(6) ;
  35. for (h=0; h<imagenesNaranja.length ; h++){
  36.     imagenesNaranja[h] = new Image ;
  37.     imagenesNaranja[h].src = arrayImagenes[1][h] ; 
  38.     }
  39.     
  40.     var imagenesVerde = new Array(6) ;
  41. for (h=0; h<imagenesVerde.length ; h++){
  42.     imagenesVerde[h] = new Image ;
  43.     imagenesVerde[h].src = arrayImagenes[2][h] ; 
  44.     }
  45.     
  46.     var imagenesRosa = new Array(6) ;
  47. for (h=0; h<imagenesRosa.length ; h++){
  48.     imagenesRosa[h] = new Image ;
  49.     imagenesRosa[h].src = arrayImagenes[3][h] ; 
  50.     }
  51.     
  52.     var imagenesAzul = new Array(6) ;
  53. for (h=0; h<imagenesAzul.length ; h++){
  54.     imagenesAzul[h] = new Image ;
  55.     imagenesAzul[h].src = arrayImagenes[4][h] ; 
  56.     }
  57.     
  58.     var imagenesRojo = new Array(6) ;
  59. for (h=0; h<imagenesRojo.length ; h++){
  60.     imagenesRojo[h] = new Image ;
  61.     imagenesRojo[h].src = arrayImagenes[5][h] ; 
  62.     }
  63.     
  64.     var imagenesNegro = new Array(6) ;
  65. for (h=0; h<imagenesNegro.length ; h++){
  66.     imagenesNegro[h] = new Image ;
  67.     imagenesNegro[h].src = arrayImagenes[6][h] ; 
  68.     }
  69. var tamano = 6;
  70. var p = 0
  71.     function animarLinks(){
  72.         var retardo = 50 ;
  73.         var n ;
  74.         switch(colorActual){
  75.             case(colorActual="amarillo"): 
  76.             n = 0;
  77.             break;
  78.             case(colorActual="naranja"): 
  79.             n = 1;
  80.             break;
  81.             case(colorActual="verde"): 
  82.             n = 2;
  83.             break;
  84.             case(colorActual="rosa"): 
  85.             n = 3;
  86.             break;
  87.             case(colorActual="azul"): 
  88.             n = 4;
  89.             break;
  90.             case(colorActual="rojo"): 
  91.             n = 5;
  92.             break;
  93.             case(colorActual="negro"): 
  94.             n = 6;
  95.             break;
  96.             }
  97.             if (p < tamano){
  98.                 document.getElementById(arrayColores[n]).style.backgroundImage="url("+arrayImagenes[n][p]+")";  
  99.                 p++;                        
  100.             } else {
  101.                 p = 0
  102.                 return;
  103.                 }
  104.                 window.setTimeout("animarLinks()", retardo);
  105.         }