2013-02-11 66 views
0

我有一个背景图像的数组,我想循环通过一个简单的淡入淡出效果。这很容易与图像的HTML标签完成,但我需要他们成为背景图像设置为一种风格。使用cms动态拖动背景图像。淡入淡出循环在jquery中的图像阵列

这里是链接,所以你可以看到我在主页上处理(当前图像只是一个背景图像在CSS n中的页面顶部的div设置):

link

+0

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

+0

可能重复[?我如何淡出使用jQuery的背景图像(http://stackoverflow.com/问题/ 1966912 /怎么办-I-淡入背景图像 - 使用 - jQuery的) – JJJ 2013-02-11 17:54:23

回答

2

该效果可以通过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