背景圖像旋轉

我已經與圖像中背景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

回答