jquery褪色通过不同的CSS背景

时间:2011-10-23 17:22:44

标签: javascript jquery

我有一个网站,我希望图像每5秒更换一次,这是DV上的CSS背景。如何使用JQUERY实现这一目标?我有3个不同的图像,我想让它淡出并循环

1 个答案:

答案 0 :(得分:1)

尝试以下

function cycle(imageList) {
  var i = 0;
  var doNext = function() {
    if (i === imageList.length) {
      i = 0;
    }
    $('#theId').css('background-image', 'url(' + imageList[i] + ')');
    i++;
  };

  setInterval(function() { doNext(); }, 5000);
}

...
cycle(['image1.jpg', 'image2.jpg', 'image3.jpg']);

小提琴:http://jsfiddle.net/d4JN9/1/