通过不同背景的jQuery循环 [英] jquery loop through different backgrounds

问题描述

我试图改变不同背景的一个div通过图像阵列和定时循环它每5秒。

这是我的code：

 函数changeBG（）{     //背景的数组
     变种数组= [test.jpg放在，test2.jpg，test3.jpg];
     对于（VAR I = 0，LEN = array.length; I＆LT; LEN ++我）{
         $（'圆面罩。'）的CSS（背景图片，URL（图像/工作/+阵列[我] +'）'）。      }}window.setInterval（changeBG（），5000）;
 

这不工作，我可以看到它是循环的，但我得到总是第3图像。

任何想法？

先谢谢了。

莫罗

解决方案

请试试〜

 ＆LT;脚本类型=文/ JavaScript的＆GT;
    变种现在= 0;
    VAR INT = self.setInterval（changeBG（），1000）;
    变种数组= [001.JPG，002.JPG，003.JPG];    功能changeBG（）{
        //背景的数组
        现在=（现+ 1）％array.length;
        $（'圆面罩。'）的CSS（背景图片，URL（'+阵列[现在] +'）'）。
    }
＆LT; / SCRIPT＆GT;
 

和忘记这个〜

 为（VAR I = 0; I＆LT; 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屋！