Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/04/2011, 19:18
Avatar de ghidalgoram
ghidalgoram
 
Fecha de Ingreso: marzo-2008
Ubicación: Costa Rica
Mensajes: 446
Antigüedad: 16 años, 2 meses
Puntos: 7
Pregunta *.* Rotador de imágenes no funciona en Google Chrome

Saludos amigos y amigas.

En internet me encontré un código para rotar Banner's ó imagenes cada X segundos. Le realicé cambios (lo adapté al sitio que estoy desarrollando) y funciona perfectamente en Internet Explorer 9, Mozila Firefox 3.6, Safari 5, Opera pero no en Google Chrome versión 10

Revisé la configuración de Chrome y la opción de Javascript está habilitada. Entonces, no sé cuál puede ser el problema y por eso acudo a ustedes. Aquí les pase el código javascript.

En el archivo algo.html donde está las imágenes que se deben rotar incluyo:

1. La referencia del archivo externo:
Código Javascript:
Ver original
  1. <script type="text/javascript" src="jv/functions_jv.js"></script>


2. Llamo la función desde BODY
Código HTML:
Ver original
  1. <body onload="rotacion_banners();">

3. Y este es el código de la función "rotacion_banners()" que está en el archivo externo de javascript llamado "functions_jv.js".

Código Javascript:
Ver original
  1. //Banners
  2. img_ruta_banners = "";
  3. mis_banners = new Array("image/foto1.jpg","image/foto2.jpg");
  4.  
  5. //Banners target
  6. mis_banners_target = new Array("","");// Para poner links de la foto, en el caso que sea necesario.
  7.  
  8. mi_banner = 0;
  9. imgCt_banner = mis_banners.length;
  10.  
  11. function rotacion_banners()
  12. {
  13.         if (document.images)
  14.         {
  15.                     mi_banner++;
  16.                     if (mi_banner == imgCt_banner)
  17.                     {
  18.                             mi_banner = 0;
  19.                     }
  20.        
  21.        
  22.                     if(mis_banners_target[mi_banner] != "")// Es para convertir la imagen en link
  23.                     {
  24.                             img_ruta_banners="<img src="+COMA_DOBLE+mis_banners[mi_banner]+COMA_DOBLE+" style="+COMA_DOBLE+"cursor:pointer;"+COMA_DOBLE+" onclick="+COMA_DOBLE+"javascript:location.href="+COMA_SIMPLE+mis_banners_target[mi_banner]+COMA_SIMPLE+";"+COMA_DOBLE+" />";
  25.                     }
  26.                     else
  27.                     {
  28.                             img_ruta_banners="<img src="+COMA_DOBLE+mis_banners[mi_banner]+COMA_DOBLE+" />";   
  29.                     }
  30.  
  31.         document.getElementById('contenedor_A2').innerHTML=img_ruta_banners;
  32.         setTimeout("rotacion_banners()", 3 * 1000);
  33.  
  34.         }// if (document.images)
  35.  
  36. }//function

Agradezco su ayuda.
__________________
Loading...