Javascript幻灯片显示在节目开始时快速出现的最后一张图像

我已经创建了一个4图像淡入淡出幻灯片。加载页面时，最后一个图像在第一个图像出现之前快速闪烁。我试着在最后使用一张空白图片，正如在这个网站上的一篇帖子中建议的那样，但没有效果。我还试着将第一张幻灯片放在最后一个位置，这样可以在开始时删除闪烁的图像，但最后一张图像的显示时间是最后一张图像的两倍。有没有一种方法可以避免这种情况发生，而不必复制第一张幻灯片

$(document).ready(function() {
    $("#photos img:gt(0)").hide();
    setInterval(function() {
        var current = $('#photos img:visible');
        var next = current.next().length ? current.next() : $('#photos img:eq(0)');  
        //hide the current image  
        current.fadeOut(2000);  
        //show the next one  
        next.fadeIn(2000);  
    }, 5000);  
});

---

您需要使用css隐藏图像，这样在加载js之前就可以隐藏图像，如下所示：

//css
#photos img:last-child {
     display: none;
}

只是一个想法

编辑您的评论

#photos img {
     display: none;
}
#photos img:first-child {
     display: block;
}

---

我想出来了。我需要隐藏除第一张以外的所有图像。当我只藏了一个，另一个会出现，但它是如此之快，我认为它是同一个。现在它工作正常。

我试过了，但最后一张图像仍然闪烁。我在最后一张幻灯片中也尝试了这个方法，但也没有效果。很抱歉，我是这个论坛的新手，无法在回复中正确设置代码格式。