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