淡入淡出循環在jquery中的圖像陣列

我有一個背景圖像的數組，我想循環通過一個簡單的淡入淡出效果。這很容易與圖像的HTML標籤完成，但我需要他們成爲背景圖像設置爲一種風格。使用cms動態拖動背景圖像。淡入淡出循環在jquery中的圖像陣列

這裏是鏈接，所以你可以看到我在主頁上處理（當前圖像只是一個背景圖像在CSS n中的頁面頂部的div設置）：

link

來源

2013-02-11 Rob

http://jquery.malsup.com/cycle2/的 – Blazemonger 2013-02-11 17:50:06

可能重複[？我如何淡出使用jQuery的背景圖像（http://stackoverflow.com/問題/ 1966912 /怎麼辦-I-淡入背景圖像 - 使用 - jQuery的） – JJJ 2013-02-11 17:54:23

該效果可以通過Cycle jquery插件可以容易地實現：

一個例子：

HTML：

個

<div class="pics"> 
    <img src="images/image1.jpg" width="normal height" height="normal height" /> 
    <img src="images/image2.jpg" width="normal height" height="normal height" /> 
    <img src="images/image3.jpg" width="normal height" height="normal height" /> 
</div>

JS：

$(".pics").cycle({ 
    ,options, 
});

你應該設置你的照片div寬度和高度相同頁面的寬度和高度，並與隱藏溢出防止被飛越圖像。

這裏是一個示例：H ttp://bazar-restaurant.somee.com

來源

2013-02-11 18:00:33 Ramin

淡入淡出循環在jquery中的圖像陣列

回答

相關問題