Javascript幻灯片“空白幻灯片”？

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。好吧，随着每张幻灯片的变化，它会被推高，一旦它到达顶部，就会导致空白滑动。

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