Вращатель изображения jQuery останавливается после изменения первого изображения - PullRequest
Новая
       13

Вращатель изображения jQuery останавливается после изменения первого изображения

1 голос
/ 17 июля 2011

У меня небольшая проблема с моим ротатором изображений jQuery.По сути, мой ротатор должен проверять, все ли изображения загружены, и если они есть, он должен отображать первое в верхнем уравнении (5) и одно после этого.Мой сценарий работает для первого изображения, но я не знаю, как заставить его циклически проходить по всем изображениям и повторяться.По сути, я просто хочу знать, как заставить мой ротатор вращаться по всем изображениям в бесконечном цикле.

HTML: 

<div id="reel">
<img src="images/reel6.jpg" />
<img src="images/reel5.jpg" />
<img src="images/reel4.jpg" />
<img src="images/reel3.jpg" />
<img src="images/reel2.jpg" />
<img src="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);
});
});

1 Ответ

2 голосов
/ 17 июля 2011

Что-то вроде этого должно сработать: 

$("#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);

Crappy demo: http://jsfiddle.net/tJvLy/

...