Rotacion de thumbs usando onmouseover

[xcorpion]

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=""/>