背景图像旋转

我已经与图像中背景daveloped如下：背景图像旋转

body { 
    width: 1000px; 
    margin: 0 auto; 
    background: url('/images/bg.jpg') top center no-repeat; 
    background-attachment: scroll; 
}

图片是2000像素的宽度。我想用三幅图像旋转图像背景bg1.jpg,bg2.jpg和bg3.jpg。你能帮我找到简单的解决方案吗？

2011-12-19 mkas

你想如何旋转图像？基于间隔或交互？有或没有过渡效果？等.. – Frexuz 2011-12-19 09:59:45

看到这个问题-----> http://stackoverflow.com/questions/1374867/how-to-loop-a-css-background-image-with-jquery-every-few-seconds – Scott 2011-12-19 09:59:52

什么你有没有尝试过？请向我们展示您迄今为止的代码，并告诉我们您的卡住的部分。 – 2011-12-19 10:04:11

既然你已经发布了这个jQuery，我会假设一个jQuery解决方案将是可取的。

2011-12-19 10:02:29 MartijnCMT

你可能通过创建3周的div被定位在0,0和伸展整个页面更好。把一个背景图像放在每个div中。

<div id="bg1"></div> 
<div id="bg2" style="display: none"></div> 
<div id="bg3" style="display: none"></div>

然后，您可以使用jQuery动画（或基本上任何图像滑块插件）来更改背景。

2011-12-19 10:06:17

回答