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幻燈片「空白幻燈片」？

回答

相關問題