Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery bg转换循环_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jquery bg转换循环

Javascript jquery bg转换循环,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在寻找循环我的背景。它播放一次,然后图像1-3在转换到第三个背景图像时停止。我相信这个过程会在内存中继续,但是bg不会从第一个图像到序列(循环)重复 我如何重新组织它,使其按预期运行 HTML var fl; $(文档).ready(函数(){ })大多数这类功能要求您跟踪所使用的元素,并在到达最后一个元素时返回到第一个元素。我在这里看不到。它看起来像这样: var count; function nextbg(){ if (count < $(".paginat

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

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

HTML

var fl;
$(文档).ready(函数(){


})

大多数这类功能要求您跟踪所使用的元素,并在到达最后一个元素时返回到第一个元素。我在这里看不到。它看起来像这样:

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;
    }    
}
var计数;
函数nextbg(){
如果(计数<$(“.pagination li”).length)
$(“.pagination li.current”).next().children(“a”).click();
计数++;
}否则{
$(“.pagination li”).first().children(“a”).click();
计数=0;
}    
}

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

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;
    }    
}
var计数;
函数nextbg(){
如果(计数<$(“.pagination li”).length)
$(“.pagination li.current”).next().children(“a”).click();
计数++;
}否则{
$(“.pagination li”).first().children(“a”).click();
计数=0;
}    
}

大多数此类功能都要求您跟踪所使用的元素,并在到达最后一个元素时返回到第一个元素。我在这里看不到。我看不到任何元素有一个类“spinner”。。。那么,也许可以将bg_spinner更改为spinner?可以显示单击处理程序的代码吗?我假设您在其中添加了当前类。如果是这样的话,如果next()不存在,您只需要将当前添加到第一个子项。请欣赏问题的更新,但我没有看到$(“.pagination.current”).next().children(“a”).click()的任何单击处理程序;大多数这样的函数要求您跟踪所使用的元素,并在到达最后一个元素时返回到第一个元素。我在这里看不到。我看不到任何元素有一个类“spinner”。。。那么,也许可以将bg_spinner更改为spinner?可以显示单击处理程序的代码吗?我假设您在其中添加了当前类。如果是这样的话,如果next()不存在,您只需要将当前添加到第一个子项。请欣赏问题的更新,但我没有看到$(“.pagination.current”).next().children(“a”).click()的任何单击处理程序;你的当前长度不是一直返回1吗?是的。我很着急。已更新。不会$(“.pagination.current”)。长度始终返回1。我假设OP从当前元素中删除.current,并将其添加到其单击处理程序中的下一个元素中。但我想很难说没有看到OP的click Handler好电话。再次更新。(我可能不应该在做其他事情的时候这么做。:-)好吧,$(“.pagination li”).next()不会太好用。我认为你的那一部分是正确的。或者使用带有count的.eq()来确定当前值。无论哪种方式,都很难说没有点击处理程序。你的当前长度不是一直返回1吗?是的。我很着急。已更新。不会$(“.pagination.current”)。长度始终返回1。我假设OP从当前元素中删除.current,并将其添加到其单击处理程序中的下一个元素中。但我想很难说没有看到OP的click Handler好电话。再次更新。(我可能不应该在做其他事情的时候这么做。:-)好吧,$(“.pagination li”).next()不会太好用。我认为你的那一部分是正确的。或者使用带有count的.eq()来确定当前值。无论哪种方式,都很难说没有看到click处理程序。
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();
    }
}
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;
    }    
}