Problemas con un slider
Publicado por 34uno-dos (1 intervención) el 04/04/2014 02:36:20
Hola estoy haciendo un slider, que en lugar de pasar una sola imagen , pasa varias imagenes dentro un div y luego pasa a otro div con otra tanda de imagenes, basicamente pasa de div a div, el problema es que cuando llega al final de los divs es decir al tercero no vuelve a empezar por el primero, supongo que habrá que añadir algo al código.
si alguien pudiera echar una mano, que ya no se que hacer
Gracias
ESTRUCTURA HTML
si alguien pudiera echar una mano, que ya no se que hacer
Gracias
1
2
3
4
5
6
7
$(document).ready(function() {
$('#slider div:gt(0)').hide();
setInterval(function(){
$('#slider div:first-child').fadeOut(0)
.next('div').fadeIn(1000)
.end().appendTo('#slider');}, 4000);
});
ESTRUCTURA HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="prensa_wpr">
<div class="rollover_prensa" id="slider">
<ul>
<div>
<li>imagen</li>
<li>imagen</li>
</div>
<div>
<li>imagen</li>
<li>imagen</li>
</div>
<div>
<li>imagen</li>
<li>imagen</li>
</div>
</ul>
</div>
</div>
Valora esta pregunta
0