Ver Mensaje Individual
  #10 (permalink)  
Antiguo 26/09/2013, 10:17
Oscareverb
 
Fecha de Ingreso: febrero-2011
Ubicación: Vigo
Mensajes: 32
Antigüedad: 13 años, 10 meses
Puntos: 2
Respuesta: Rotacion de thumbs usando onmouseover

Porsupuesto.

El código lleva embebido algunos fragmentos de PHP, pero creo que no afectan al funcionamiento.

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.         imagenes = ['<?php echo $raiz; ?>img/carpeta/carpeta/imagen1.jpg','<?php echo $raiz; ?>img/carpeta/carpeta/imagen2.jpg','<?php echo $raiz; ?>img/carpeta/carpeta/imagen3.jpg'];
  3.         num = 0;
  4.         function rotarImagen1(elemid) {
  5.             num++;
  6.             if (num == imagenes.length) num = 0
  7.             document.getElementById(elemid).src = imagenes[num];
  8.             ID=window.setTimeout("rotarImagen1('" + elemid+ "');",500);
  9.         }
  10.         function detenerImagen1(){
  11.             window.clearTimeout(ID);
  12.             document.getElementById('imagen1').src = "<?php echo $raiz; ?>img/carpeta/carpeta/imagen1.jpg";
  13.         }
  14. </script>
Código HTML:
Ver original
  1. <img src="<?php echo $raiz; ?>img/carpeta/carpeta/imagen1.jpg" id="imagen1" onmouseover = "rotarImagen1('imagen1')" onmouseout="detenerImagen1()" alt=""/>