Javascript Slideshow Last Image快速出現在開始顯示

我創建了一個4圖像褪色幻燈片。當頁面加載時，最後一個圖像在第一個圖像出現之前快速閃爍。我嘗試在本網站的帖子中建議使用最後一張空白圖片，但這沒有任何效果。我也嘗試將第一張幻燈片放在最後一個位置，並在開始時刪除閃爍的圖像，但最後一張圖像出現兩次。有沒有辦法避免這種情況發生，而不必複製第一張幻燈片？Javascript Slideshow Last Image快速出現在開始顯示

$(document).ready(function() { 
    $("#photos img:gt(0)").hide(); 
    setInterval(function() { 
     var current = $('#photos img:visible'); 
     var next = current.next().length ? current.next() : $('#photos img:eq(0)'); 
     //hide the current image 
     current.fadeOut(2000); 
     //show the next one 
     next.fadeIn(2000); 
    }, 5000); 
});

來源

2014-12-11 kcelsi

你需要隱藏與CSS的形象，這樣一來它的js前隱藏已加載，這樣的事情：

//css 
#photos img:last-child { 
    display: none; 
}

只是一個想法...

編輯從您的意見。

#photos img { 
    display: none; 
} 
#photos img:first-child { 
    display: block; 
}

來源

2014-12-11 00:39:40

我試過了，但最後一張圖片仍然閃爍。我也在最後一張幻燈片上試過這個，但那也沒有效果。 Brokers – kcelsi 2014-12-11 00:46:29

對不起，我是這個論壇的新手，無法在回覆中得到正確格式的代碼。 – kcelsi 2014-12-11 00:50:02

請問您可以添加所有的標記。 – 2014-12-11 08:46:15

我想通了。我需要隱藏除第一個之外的所有圖像。當我只隱藏一個，另一個會出現，但它很快，我認爲它是同一個。現在它工作正常。

來源

2014-12-11 00:57:27 kcelsi

Javascript Slideshow Last Image快速出現在開始顯示

回答

相關問題