Comunidad PHPeros
Lenguajes => JavaScript => Mensaje iniciado por: Wold en 06 de Agosto de 2014, 15:10:54 pm
-
Hola necesito ayuda, tengo que hacer un mini slider que cambie de imagen cada vez que pongas el raton encima y que cuando lo quites vuelva al primero, el problema es que en la web tiene que tener multiples no hay un numero determinado, es decir no puedo usar id xk habran muchisimos.....
<div class="imgslider">
<div><img src="1S.png" alt="<?=$tittle ?>" /></div>
<div><img src="2S.png" alt="<?=$tittle ?>" /></div>
<div ><img src="3S.png" alt="<?=$tittle ?>" /></div>
<div><img src="4S.png" alt="<?=$tittle ?>" /></div>
</div>
Sugerencias¿?
-
Estaba pensando en algo asi
$(document).ready(function() {
var $changeslider = $('.imgslider');
$changeslider.mouseenter(function() {
go = setInterval(function(){
$changeslider("img:first-child").fadeOut(0)
.next('img').fadeIn(0)
.end().appendTo('.imgslider');},500);
});
});