jQueryで画像の遅延ロード

ここからコピペ

【作者側の対策:JavaScriptで画像の読み込みタイミングをずらす】
http://www.appelsiini.net/projects/lazyload
ここの minified から jquery.lazyload.mini.js をダウンロード
http://jquery.com/
ここから jquery-1.3.2.min.js をダウンロード
自分のサイトに置いてください。
自分のページの<head> ~~ </head>で囲まれた部分に次の行を挿入する
=====ここから=====
<script type=”text/javascript” src=”http://あんたのサイト/jquery-1.3.2.min.js”></script>
<script type=”text/javascript” src=”http://あんたのサイト/jquery.lazyload.mini.js”></script>
<script type=”text/javascript”>
$(function() { $(“img”).lazyload(); });
</script>
=====ここまで=====
これで、画像のダウンロードは一時的に保留され、ページスクロールして
画面内に画像が入った瞬間に読み込まれるようになります。
※IMGタグは <img src=”hoge.jpg” width=”600″ height=”800″> のように
画像の縦横サイズを指定しておくとよいでしょう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です