更改背景图片div

Question

我想设计一个页面，背景图像以循环方式无限期地变化。现在我有一些工作，但只有当该页面上没有其他<div> s时，它才会遍历所有div s。现在我想在其他div s中添加内容，所以我需要编辑jQuery以便在其类名中使用“backgnd”遍历div。我该怎么做呢？我的例子链接：http://jsfiddle.net/bbqunfhu/26/ 功能编辑：

function fadeDivs() { 
var visibleDiv = $('.bckgnd:visible:first'); //find first visible div 
visibleDiv.fadeOut(400, function() { //fade out first visible div 
    var allDivs = visibleDiv.parent().children(); //all divs to fade out/in 
    var nextDivIndex = (allDivs.index(visibleDiv) + 1) % allDivs.length; //index of next div that comes after visible div 
    var nextdiv = allDivs.eq(nextDivIndex); //find the next visible div 
    nextdiv.fadeIn(400); //fade it in 
}); 
}; 

Answer 1

我已经改变了只搜索儿童类的.bckgnd“。

var allDivs = visibleDiv.parent().children('.bckgnd'); //all divs to fade out/in 

here

Answer 2

使用以下代码

在下面的代码我有图像阵列，放置乌尔图像名称那里，我将选择的背景图像随机它将显示有

在下面的代码中，我使用背景dom名称作为“background_image”，您可以根据您的要求更改dom名称

$(function() { 

var images = ['img_login_bknd3.jpg', 'img_login_bknd2.jpg', 'img_login_bknd1.jpg', 'img_login_bknd4.jpg', 'img_login_bknd5.jpg', 'img_login_bknd6.jpg','img_login_bknd7.jpg', 'img_login_bknd8.jpg']; 

$('#background_image').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'}); 

});