jquery - 画像を正常にロードする

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というプラグインがあります。

すべての画像がロードされたら、関数を実行するだけです。