幻燈片背景<body>標籤

當用戶加載我的頁面時，我想讓背景顏色爲白色，然後在5秒後淡出顏色並淡入圖片。 5秒鐘後再次淡入另一張照片，以便您可以在背景後面的背景中創建某種幻燈片放映。這是我現在擁有的，但它不起作用，有幫助嗎？幻燈片背景<body>標籤

$(document).ready(function() { 
setTimout(function() { 
    $('body').css("background-image","url('../img/background/1.jpg')").fadeIn(1000) 
},5000); 

function repeat() { 
    $('body') 
     .delay(5000).css("background-image","url('../img/background/2.jpg')").fadeIn(1000) 
     .delay(5000).css("background-image","url('../img/background/3.jpg')").fadeIn(1000) 
     .delay(5000).css("background-image","url('../img/background/1.jpg')").fadeIn(1000); 
} 
window.setInterval(repeat, 18000); 
});

來源

2012-11-02 Martijn R

下面是一個語法錯誤：

setTimout(function() { 
$('body').css("background-image","url('../img/background/1.jpg')").fadeIn(1000) 
},5000);

應該

setTimeout(function() { 
$('body').css("background-image","url('../img/background/1.jpg')").fadeIn(1000)},5000);

它缺少ê中的setTimeout

我也不相信你會除非你將它設置在背景圖像上，否則可以淡入背景圖像中DIV除非你淡出身體。我已將您的背景更換器重新編寫成少量代碼行，並重復提供一系列圖像。這應該保持循環以獲得數組中的圖像。

$(document).ready(function() { 
       var images = ["../img/background/1.jpg", "../img/background/2.jpg"]; 
       var index = -1; 

       window.setInterval(function() { 
        index = (index + 1 < images.length) ? index + 1 : 0; 
        $('body').css("background-image", "url('" + images[index] + "')"); 
       }, 5000); 
      });

來源

2012-11-02 19:38:52 CSharpConductor

失敗，我再次失敗。謝謝 –

仍然不起作用。 –

哇，你太棒了。謝謝！ –

幻燈片背景<body>標籤

回答

相關問題