淡入淡出循环jquery中的图像数组

Question

我有一系列背景图像，我想循环作为一个简单的淡入淡出效果。这很容易用图像html标签完成，但我需要将它们设置为样式的背景图像。使用cms动态地提取背景图像。

这是链接，因此您可以在主页上看到我正在处理的内容（当前图像只是在页面顶部div中设置的背景图像）：

link

Answer 1

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