jquery - 如何旋转 4 张(或更多)图像，并在每张图像之间淡入淡出？

Question

我有 4 张图像，我想在它们之间循环淡入淡出。我有类似以下内容:

<img src="/images/image-1.jpg" id="featureImg1" />
<img src="/images/image-2.jpg" id="featureImg2" style="display:none;" />
<img src="/images/image-3.jpg" id="featureImg3" style="display:none;" />
<img src="/images/image-4.jpg" id="featureImg4" style="display:none;" />

我准备对 HTML 进行修订，尽管在这种情况下我不能使用绝对定位。我在网站的其他地方使用 jQuery，所以它是可用的。我还需要处理由于图像较大而无法立即加载的图像。

Answer 1

我强烈推荐jQuery Cycle插入。在本例中，它的功能可能超出您的预期，但它结构良好且易于设置。还有一个轻量级版本，名为 jQuery Cycle Lite它只支持淡入淡出过渡。