使用jQuery淡入淡出背景圖片

我知道這個問題之前已經提過很多次了 - 但是我一直沒有找到能夠幫助我的答案。使用jQuery淡入淡出背景圖片

我希望有針對我的具體問題的解決方案。我希望能夠在現在正在處理的網站上淡入淡出一系列背景圖片。我不認爲我可以使用傳統的推子腳本，因爲我正在褪色的圖像比正常要寬，我不希望水平滾動條出現。（1476x253）

如果有人想幫我解決這個問題，我已經在http://jsfiddle.net/michaelharmon/szvMH/上設置了jsFiddle。

這裏是另一個樣本圖像鏈接在褪色測試使用方法：

謝謝您可以提供任何幫助。

這是相當你必須有一個div塔。你想要哪些圖像淡出哪裏？ ps：類似「#content .page-home .main .content-main .right.latest」的選擇器正在轉化 – Sinetheta

我認爲你可以使用jQuery Cycle Plugin，具有淡入淡出效果來完成你所需要的。 options reference page表明您可以在轉換前後設置容器高度和寬度，以及CSS參數 - 這應該足以實現您所需的功能。

2011-10-17 01:16:08

感謝您的建議。我之前使用過Cycle插件，並且工作完美。 –

它的使用方法很簡單：

<script type="text/javascript"> 
    $.backstretch("URL TO YOUR IMAGE", {speed: 800}); 
</script>

2011-10-17 01:20:05 Stas

回答