優雅地加載圖像

Question

如何使用此幻燈片更加優雅地加載圖像？

http://jsfiddle.net/AndyMP/CkuKe/11/

較大的圖像需要更長的時間來加載，顯然，當他們彼此類似的頂部加載它看起來凌亂。

任何幫助表示讚賞。

Answer 1

http://jsfiddle.net/SxHNn/

等待圖像負載然後開始的時間間隔。 @Starx是正確的，特別是因爲一些瀏覽器不緩存加載事件緩存的圖像。因此，如果沒有waitforimages，在某些瀏覽器刷新頁面後間隔不會啓動。使用我張貼的小提琴，但或者因爲你沒有使用背景圖片你，你保羅愛爾蘭的更簡潔的解決方案可以使用.waitForImages從撐着，而不是jQuery的.load

：https://gist.github.com/268257

Answer 2

對於你的情況，有一個插件稱爲waitforimages，這是完美的。

只有在所有圖像加載完成後才能運行此功能。