javascript - 在jquery中淡入淡出循环图像数组

Question

我有一组背景图像，我想将它们作为简单的淡入淡出效果循环播放。这很容易使用图像 html 标记完成，但我需要将它们设置为样式的背景图像。背景图像是使用 cms 动态拉出的。

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

关联

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