Ver Mensaje Individual
  #11 (permalink)  
Antiguo 26/09/2013, 10:49
Avatar de xcorpion
xcorpion
 
Fecha de Ingreso: octubre-2003
Ubicación: m é x i c o
Mensajes: 676
Antigüedad: 21 años, 5 meses
Puntos: 4
Respuesta: Rotacion de thumbs usando onmouseover

Ok, podrías ponerlo así:
Código:
<script type="text/javascript">
        imagenes1 = ['<?php echo $raiz; ?>img/carpeta/carpeta1/imagen1.jpg','<?php echo $raiz; ?>img/carpeta/carpeta1/imagen2.jpg','<?php echo $raiz; ?>img/carpeta/carpeta1/imagen3.jpg'];
        imagenes2 = ['<?php echo $raiz; ?>img/carpeta/carpeta2/imagen1.jpg','<?php echo $raiz; ?>img/carpeta/carpeta2/imagen2.jpg','<?php echo $raiz; ?>img/carpeta/carpeta2/imagen3.jpg'];
        imagenes3 = ['<?php echo $raiz; ?>img/carpeta/carpeta3/imagen1.jpg','<?php echo $raiz; ?>img/carpeta/carpeta3/imagen2.jpg','<?php echo $raiz; ?>img/carpeta/carpeta3/imagen3.jpg'];
        num = 0;

        function rotarImagen(id) {
	eval("imagenes = imagenes"+id+";");
	obj = document.getElementById("imgobj"+id);
	num++;
	if (num == imagenes.length) num = 0
	obj.src = imagenes[num];

        }
        function detenerImagen(id){
            document.getElementById('imgobj'+id).src = "<?php echo $raiz; ?>img/carpeta/carpeta"+id+"/imagen1.jpg";
        } 
</script>
Código HTML:
<img src="<?php echo $raiz; ?>img/carpeta/carpeta1/imagen1.jpg" id="imgobj1" onmouseover = "interx=setInterval("rotarImagen(1)",500);" onmouseout="clearInterval(interx);detenerImagen(1)" alt=""/>
<img src="<?php echo $raiz; ?>img/carpeta/carpeta2/imagen1.jpg" id="imgobj2" onmouseover = "interx=setInterval("rotarImagen(2)",500);" onmouseout="clearInterval(interx);detenerImagen(2)" alt=""/>
<img src="<?php echo $raiz; ?>img/carpeta/carpeta3/imagen1.jpg" id="imgobj3" onmouseover = "interx=setInterval("rotarImagen(3)",500);" onmouseout="clearInterval(interx);detenerImagen(3)" alt=""/>