Ho un piccolo problema con la mia immagine jQueryrotatori. Fondamentalmente, il mio rotatore dovrebbe verificare se tutte le immagini sono state caricate e, se lo sono, dovrebbe visualizzare la prima nell'eq in alto (5) e una dopo quella. La mia sceneggiatura funziona per la prima immagine, ma non so come farla scorrere tra tutte le immagini e ripetersi. Fondamentalmente, voglio solo sapere come far scorrere il mio rotatore attraverso tutte le immagini in un ciclo infinito.
HTML:
<div id="reel">
<img src="/images/images/reel6.jpg" />
<img src="/images/images/reel5.jpg" />
<img src="/images/images/reel4.jpg" />
<img src="/images/images/reel3.jpg" />
<img src="/images/images/reel2.jpg" />
<img src="/images/images/reel1.jpg" />
</div>
jQuery:
$(document).ready(function(){
$("#reel img").hide();
eq=5;
$("#reel img").load(function(){
function promeni(eq){
$("#reel img").eq(eq).show();
$("#reel img").eq(eq-1).show();
$("#reel img").eq(eq).delay(2000).fadeOut(2000);
}
promeni(eq);
});
});
risposte:
2 per risposta № 1Qualcosa di simile dovrebbe fare il trucco:
$("#reel img").hide();
var counter = $("#reel img").length;
var i = setInterval(function() {
$("#reel img").eq(counter - 1).show();
$("#reel img:visible").fadeOut(2000);
counter--;
if (counter === 0) {
counter = 5;
}
}, 2000);
Demo scadente: http://jsfiddle.net/tJvLy/