通过不同背景的jQuery循环 [英] jquery loop through different backgrounds
本文介绍了通过不同背景的jQuery循环的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图改变不同背景的一个div通过图像阵列和定时循环它每5秒。
这是我的code:
函数changeBG(){ //背景的数组
变种数组= [test.jpg放在,test2.jpg,test3.jpg];
对于(VAR I = 0,LEN = array.length; I< LEN ++我){
$('圆面罩。')的CSS(背景图片,URL(图像/工作/+阵列[我] +')')。 }}window.setInterval(changeBG(),5000);
这不工作,我可以看到它是循环的,但我得到总是第3图像。
任何想法?
先谢谢了。
莫罗
解决方案
请试试〜
<脚本类型=文/ JavaScript的>
变种现在= 0;
VAR INT = self.setInterval(changeBG(),1000);
变种数组= [001.JPG,002.JPG,003.JPG]; 功能changeBG(){
//背景的数组
现在=(现+ 1)%array.length;
$('圆面罩。')的CSS(背景图片,URL('+阵列[现在] +')')。
}
< / SCRIPT>
和忘记这个〜
为(VAR I = 0; I< array.length,我++){
$('圆面罩。')的CSS(背景图片,URL(图像/工作/+阵列[我] +')')。 }
I'm trying to change different backgrounds for a div looping through an array of images and timing it every 5 sec.
here's my code:
function changeBG(){
//array of backgrounds
var array = ["test.jpg", "test2.jpg", "test3.jpg",];
for ( var i=0, len=array.length; i<len; ++i){
$('.round-mask').css('background-image', 'url("images/work/'+array[i]+'")');
}
}
window.setInterval(changeBG(), 5000);
This is not working, I can see it is looping, but I'm getting always the 3rd image.
Any idea?
Thanks in advance.
Mauro
解决方案
Please Try~
<script type="text/javascript">
var now = 0;
var int = self.setInterval("changeBG()", 1000);
var array = ["001.jpg", "002.jpg", "003.jpg", ];
function changeBG(){
//array of backgrounds
now = (now+1) % array.length ;
$('.round-mask').css('background-image', 'url("' + array[now] + '")');
}
</script>
and forget about this~
for ( var i=0; i<array.length; i++){
$('.round-mask').css('background-image', 'url("images/work/'+array[i]+'")');
}
这篇关于通过不同背景的jQuery循环的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文