オープンソースコラム


2010/09/27 10:28Update

lazierLoad - Prototypeベースの画像遅延ロードJavaScriptライブラリ

TAGS: lazierLoad | prototype | JavaScript | 画像 | 遅延ロード

スポンサード リンク


jQueryを利用する場合、Lazy Load Plugin for jQuery というイメージの遅延ロード jQueryプラグインがあります。
Lazy Load Plugin for jQuery

lazierLoadは、Prototype.jsを利用する場合の画像遅延ロードライブラリです。

※画像遅延ロード:Webページの初期表示状態では、見えない「可視部分でない」画像を読み込まず、スクロールして可視にするべくと判断したタイミングで画像を読み込み表示させる手法です。

◇ 言語:JavaScript(prototype.js)
◇ ライセンス:creative commons Attribution-ShareAlike 2.5 license


使い方


<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/lazierLoad.js"></script>

これ2行を追加するだけで動作します。

もちろん、その他設定オプションもあります。

Sponsored Link