Javascript jquery$（'；body'；）图像交换帮助

我的代码如下：

    $(document).ready(function() {
  var bgimages=new Array()
  bgImages[0]="bg.jpg"
  bgImages[1]="bg2.jpg"
  //sloppy preload images
  var pathToImg=new Array()
  for (i=0;i<bgImages.length;i++)
  {
    pathToImg[i]=new Image()
    pathToImg[i].src=bgImages[i]
  }

  var i = 0;
  var rotateBg = setInterval(
  function(){
    $('body').css({backgroundImage:'url(' + bgImages[i] + ')'});
      i++;
   }, 9000);
});

$（文档）.ready（函数（）{
var bgimages=新数组（）
bgImages[0]=“bg.jpg”
bgImages[1]=“bg2.jpg”
//松散的预加载图像
var pathToImg=新数组（）
对于（i=0；i您可以尝试

function(){
i=i<bgImages.length?i:0;
$('body').css({backgroundImage:'url(' + bgImages[i] + ')'});
      i++;
   }
}

function（）{
i=i您需要确保索引不会超出数组的上限

在您的情况下，简单的按位异或可以完成以下工作：

i ^= 1;

如果数组中有更多元素，则可以使用模运算：

i++; i %= bgImages.length;

交叉淡出，你可能需要考虑。页面上甚至还有一个例子。但是，这是一个W3C的工作草案，目前只有WebKIT的浏览器支持它。Firefox应该在年底之前支持它。关于IE是否支持它，什么时候都没有文字。很好的事情是它很容易创建，没有JS需要。
摘录：
<style type="text/css">
div.fader img { -webkit-transition: all 1s ease-in-out; }
img.swap1, div.fader:hover img.swap2 { opacity: 1.0; }
div.fader:hover img.swap1, img.swap2 { opacity: 0; }
</style>


div.fader img{-webkit转换：所有1都易于输入输出；}
img.swap1，div.fader:悬停img.swap2{opacity:1.0；}
div.fader:悬停img.swap1，img.swap2{不透明度：0；}
i++；i%=bgmiages.length；工作得非常出色。我将通过CSS查看crossfade，非常感谢！