jquery - jQuery幻灯片在第一个循环中跳过第一张幻灯片

Question

我有一个工作的 jQuery 脚本，它将循环浏览一些图像。但是，当它在第一个循环上循环回第一张幻灯片时，第一张幻灯片不会显示。但随着它继续运行并循环回到第一个循环，它工作得很好，它只是在第一个循环上。

问题链接：http: //jsfiddle.net/YLJNw/8/

Answer 1

一个简单的解决方法是简单地删除您的<div class="slide">. 当您进行追加调用时，图像最终会出现在该 div 之外，而它们会从该 div 内部开始。

jsFiddle 示例

另一种选择是修改您的 jQuery 以使用类幻灯片而不是内容 div 处理 div。

jsFiddle 示例

$(function() {
    $('.slide img:gt(0)').hide();
    setInterval(function() {
        $('.slide img:first').fadeOut(1000)
        .next('img').fadeIn(1000)
        .end().appendTo('.slide');
    }, 3000);
});