javascript - jquery bg 转换循环

Question

我想循环我的背景。它播放一次，图像 1 - 3 然后在过渡到第三个背景图像时停止。我相信这个过程在内存中继续，但是 bg 不会从第一张图像到序列(循环)重复

我如何重新组织它以使其按预期运行？

HTML

<div class="bg_spinner"></div>
<ul class="pagination">
    <li class="current"><a href="images/bg_img1.jpg">1</a></li>
    <li><a href="images/bg_img2.jpg">2</a></li>
    <li><a href="images/bg_img3.jpg">3</a></li>
</ul>

JS

$(window).load(function() {
    $('.spinner').fadeOut();
    $('body').css({overflow:'inherit'})
});
swfobject.registerObject("FlashID");

function nextbg(){ 
    $(".pagination .current").next().children("a").click();
}
setInterval(nextbg,14000);

................................................ .....................................

var fl;

$(文档).ready(函数() {

var w_img=2800, h_img=1700;
var w,new_w,h, new_h, num;
var h_cont=1000, h_cont_new=1000;
setWidth();
setHeight();
w=new_w;h=new_h;
setSize();
function setWidth(){
    new_w=$(window).width();
}
function setHeight(){
    new_h=$(window).height();
}
function setSize(){
    if ((w/w_img) > (h/h_img)) {
        w_img_new=w+20;
        h_img_new=~~((w+20)*h_img/w_img);
    } else {
        h_img_new=h+20; 
        w_img_new=~~((h+20)*w_img/h_img);
    }
    $('#bgSlider img').css({width:w_img_new, height:h_img_new});
    if (h>h_cont) {
        m_top=~~((h-h_cont)/2);
    } else m_top=0
    $('.box').stop().animate({paddingTop:m_top+20},1000, 'easeOutCirc');
    h_cont_new=h_cont
}
setInterval(setNew,1);
function setNew(){
    setWidth();
    setHeight();
    if (fl) {h_cont=800;} else {h_cont=1000;}
    if ((w!=new_w)||(h!=new_h)||(h_cont_new!=h_cont)) {
        w=new_w;h=new_h;
        setSize();
    }
}

})

Answer 1

大多数此类函数都要求您跟踪当前所在的元素，并在到达最后一个元素时返回到第一个元素。我在这里看不到。它看起来像这样:

var count;

function nextbg(){    
    if (count < $(".pagination li").length)
       $(".pagination li.current").next().children("a").click();
       count++;
    } else {
        $(".pagination li").first().children("a").click();
        count = 0;
    }    
}