jQuery背景圖像轉換

我有一個div，它有一個'home.jpg'圖像作爲背景，當我點擊某些東西時，我想要背景爲'another_image.jpg'。事情是，我想要新的背景淡入，而不只是出現（通過做一些.css（'背景'，url（'another_image.jpg'））;）jQuery背景圖像轉換

有沒有辦法做到這一點？我已經試過bgImageTransition插件，但它只是增加了對DIV我有頂部的另一個元素...

感謝，

2010-05-23 Hock

做到這一點的唯一方法是在新的背景另一個元素褪色。

或者，您可以立即更改背景，然後使用舊背景創建一個新元素並將其淡入列出。

2010-05-23 17:20:13 SLaks

編輯：添加淡入淡出效果：http://jsfiddle.net/8vHa2/3/

（點擊JQuery的標誌）

請記住，這種影響需要第二個元素淡出或者，所以我的建議是爲了堅持你正在嘗試的插件。

2010-05-23 17:33:33 Ben

他可能想要一個淡入淡出。 – SLaks 2010-05-23 17:43:15

@SLaks - 好吧，那麼他別無選擇，只能淡出第一個元素，就像你建議的第二個元素，我用交叉淡入淡出的解決方案編輯了我的示例。 – Ben 2010-05-23 18:05:16

你可以調用'this.after（）'。 – SLaks 2010-05-23 18:23:59

你應該檢查出this blog post關於動畫背景圖像......這是一個非常酷的效果。所有你需要做的就是把你的兩個圖像變成一個精靈並使用該腳本。

2010-05-23 19:19:12 Mottie

這是一個巧妙的技巧，但它需要專用圖像。 – SLaks 2010-05-23 19:24:34

回答