ウィンドウがロードされた後に画像をロードする方法は？

私のウェブサイトには、私のサイトの速度を低下させる大きな画像がたくさんあります。私は、ウェブサイトがなくしてロードされた後、私のウェブサイトのすべてのイメージをロードしたい。ウィンドウがロードされた後に画像をロードする方法は？

これを行うには最適なソリューションは何ですか？私はjQueryでそれを望みます。どんなNICE JQUERY PLUGINの提案も感謝しています。

ありがとうございます。

2012-05-08 TheCrypticNerd

すべての画像のロードが完了する前にjavascriptを実行するか、残りのページの内容がレンダリングを完了した後で非同期に画像をロードするかどうかを指定しますか？ – zzzzBov

@zzzzBov - ページの残りのコンテンツのレンダリングが完了した後に画像をロードしたい。 – TheCrypticNerd

あなたが本当にすべきことは、それらの大きな画像を排除しようとすることです。設計ベースの問題のコードベースのソリューションを作成しようとしていますが、そのための完全な修正はありません。大きな画像にリンクするサムネイル画像を使用します。または、より高いJPEG圧縮で画像を保存します。あるいは、より良いことに、両方とも。 – Blazemonger

私のお気に入りは、私は私のASPページでこれを行うために使用http://www.appelsiini.net/projects/lazyload

出典

2012-05-08 18:10:58 sblom

@sbom - あなたの答えをありがとう。しかし、lazyloadは私のサイトではうまくいかないようです:(参考、画像にデータ元のattrを使用することはできません）何か解決策はありますか？ – TheCrypticNerd

です。

今回だけこの

<img ID="img_1"/>

などのすべての画像タグを作成するにはjQueryを使って、行われます：あなたのページは、コンテンツをロード行われているようにあり

$(document).ready(function(){ 
     document.img_1.src="YourImageUrl"; 
});

あなたは、それをするとすぐ、行きますすべての画像が表示されます。

出典

2012-05-08 18:36:59 Alexandre

これはあなたのページの読み込み時間を短縮します。代わりにウィンドウのonloadイベントに追加したい –

ウィンドウがロードされた後に画像をロードする方法は？

答えて

関連する問題