幻灯片背景<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>标签

回答

相关问题