如何隱藏照片幻燈片直到它完全加載？

Question

我在使用Wordpress CMS的索引頁上有Nivo Slider照片幻燈片。我花了一段時間優化網站（少代碼，JS底部，異步加載等）。不過，我仍然在以sl fashion的方式加載大圖片的問題。

具體來說，照片不會以正確的順序加載，您可以看到每張照片加載。當幻燈片加載照片時，最後一張照片首先加載，然後在加載時快速跳至第一張照片。我寧願隱藏Nivo幻燈片，直到所有照片加載（最多隻有4張）。

我們使用jQuery作爲我們的JS庫，並加載到wp_head中。我可以使用哪些代碼來延遲顯示幻燈片，還是有更好的方法來處理這個問題？

Answer 1

而不是使用$(document).ready(/*...*/);來觸發幻燈片，使用$(window).load(/*...*/)，在圖像加載完成後啓動幻燈片放映。

我也建議用css隱藏幻燈片圖像，然後在$(window).load()事件中只隱藏它們。