Изменение фонового изображения div

Question

Я хотел бы оформить страницу, на которой фоновое изображение меняется круговым способом, на неопределенное время. Теперь у меня есть кое-что, что работает, но только если нет другого <div>на этой странице, поскольку он проходит через все divs. Теперь я хочу добавить контент в другие divs так что мне нужно отредактировать это jQuery как-то только перебрать divs с "backgnd" в названии класса. Как мне это сделать? Мой пример ссылки: 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

Вот

Answer 2

Используйте код ниже

в приведенном ниже коде у меня есть массив изображений, поместите там имя изображения, я выберу фоновое изображение случайным образом, и он будет отображаться там

В приведенном ниже коде я использую имя фона в качестве "background_image", вы можете изменить имя домена в соответствии с вашим требованием

$(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)] + ')'});

});