
26/09/2013, 10:49
|
 | | | 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=""/> |