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

在我的简单的JavaScript幻灯片放映中，我只是希望它循环（最多5个）自动从数据库填充的div。它填充和开始做幻灯片放映很好，但一旦它假设循环它将进入一个“空白”幻灯片，然后再到最后一个，它开始循环正常永远。Javascript幻灯片“空白幻灯片”？

有了这个例子，我必须看看和玩它我使用两个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，你可以看到它只是第一个幻灯片在第二个循环中被截断。

来源

2013-01-17 Zach Case

我相信你的意思是给我们这个幻灯片的链接，但没有包括它。 – Jazzepi

对不起，是的，我做到了。它在那里，但没有显示...奇怪。我现在看到它，如果你不让我知道 –

嗯，我发现这个问题的解决方案，不太清楚为什么它有这样的效果。

在所有的div被调用后，有人用<h1>来说出存放箱中的特色div。那么随着每张幻灯片的变化，它会被推上去，一旦它到达顶部，它就会导致一张空白幻灯片。

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

来源

2013-01-17 02:13:17

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

回答

相关问题