可視部分の画像のみを読み込むjavascript「lazierLoad 」に関するコメントはまだありません。
ご遠慮なくコメントしてください。
可視部分の画像のみを読み込むjavascript「lazierLoad 」
ブロードバンド環境が整いつつあるとはいえ、画像を使用しすぎるとローディングが長くなります。
lazierLoadは見えている部分の画像のみを読み込んで表示するjavascriptです。

使用方法
lazierLoadからlazierLoad.jsをprototypeからprototype.js(v1.6)をダウンロードします。
<script src="http://yourdomain/prototype.js" type="text/javascript"></script>
<script src="http://yourdomain//lazierLoad.js" type="text/javascript"></script>
以上で完成です。
なお読み込む時に表示する画像はlazierLoad.jsの46、47行目で変更します。
this.options.replaceImage:ブランク画像
this.options.loadingImage:ローディング画像
可視部分の画像のみを読み込むjavascript「lazierLoad 」サンプル
2007年12月17日
前の記事:画像ギャラリーの定番javascript「LightBox」
次の記事:iTunesライクな画像ギャラリーjavascript「imageFlow」
関連記事
- [prototype]Fast Loader
- [prototype]Protoload
- [prototype]image blending
- [prototype]Slideshow
- [prototype]Image Cropper
コメント投稿
この記事へのトラックバック:
- ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
- JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
- Webカラーに関するサイト21
- 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
- 心地よく要素を切り替えるJavaScript「jFlip」
- CoverFlowを実現するJavaScript「JS Coverflow」
- 画像を丸く輝かせるJavaScript「sphere.js」
- セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
- JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
- カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」













