ページで画像を延滞ロードさせる

2013年6月11日2013年11月17日

画像が多いサイトなどで、ローディング時間が長くて困る、なんて言う時は

画像の延滞ロードです。

最近のAmazonとか、スクロールして画像が表示される時に一瞬ローディング画像が出たりしてるやつです。

http://www.appelsiini.net/projects/lazyload

このプラグインを使うと、簡単に実現出来ます。

必要な物は、jQuaryとこのプラグイン。

あとは、延滞ロードしたい画像のタグにclass="lazy"を追加します。
[javascript]$(“img.lazy").lazyload();[/javascript]
という処理をどこかに置きます。

以上です。