0

背景画像がラウンドロビン方式で無期限に変化するページをデザインしたいと考えています。<div>これで、すべての s をループするため、そのページに他の s がない場合にのみ機能するものがありますdiv。ここで、他の s にコンテンツを追加したいので、クラス名に「backgnd」を含む sのみをループするdivように編集する必要があります。どうすればいいですか？私のリンク例: http://jsfiddle.net/bbqunfhu/26/ 編集する関数:jQuerydiv

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
});
};
4

2 に答える 2

3

クラス「.bckgnd」の子のみを検索するように変更しました。

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

ここ

于 2014-11-04T05:38:18.030 に答える
1

以下のコードを使用

以下のコードでは、画像配列があり、そこに画像名を配置します。背景画像をランダムに選択し、そこに表示します

以下のコードでは、背景の 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)] + ')'});

});
于 2014-11-04T05:48:27.707 に答える