0

在我简单的 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，您可以看到它只是第一张幻灯片，在第二次循环中被空白。

4

1 回答 1

2

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

在调用了所有的 div 之后，稍微<h1>说一下保存框中的特色 div。好吧，随着每张幻灯片的变化，它都会被推高，一旦它到达顶部，就会导致一张空白幻灯片。

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

于 2013-01-17T02:13:17.903 回答