JavaScript 幻灯片 "blank slide"？

Question

在我简单的 javascript 幻灯片放映中，我只想让它循环浏览(最多 5 个)从数据库自动填充的 div。它填充并开始正常播放幻灯片，但是一旦假设循环，它就会转到“空白”幻灯片，然后再次转到最后一张幻灯片，然后它就会永远开始正常循环。

在这个例子中，我必须查看并使用它，我使用了两个 div。

可以在这里查看:www.codekrewe.com/fbla

JavaScript 代码在这里:

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

编辑:我更改了 JavaScript，上面代码块中的 JS 就是我现在所拥有的。但是，我遇到了同样的问题。

现在幻灯片中有三个 div，您可以看到这只是第一张幻灯片在第二次循环时被清空。

Answer 1

好吧，我找到了解决这个问题的方法，但不太确定为什么会产生这样的效果。

调用完所有 div 后，有一点 <h1>有人说在保温箱里有特色的div。好吧，随着每张幻灯片的变化，它都会被推高，一旦到达顶部，就会导致一张空白幻灯片。

太感动了<h1>在调用 div 之前到顶部，修复了空白幻灯片问题。