スクロールに応じて画像を遅延読込させるLazy Loadプラグイン (CodeZine)

WINGSプロジェクトとしてCodeZineで執筆させていただいているjQuery連載です。画像の遅延読込はスクロールイベントを検知して自分で実装することもできますが、Lazy Loadプラグインを使うとお手軽に実現できます。jQuery Mobileと一緒に使うときにイベント設定を書き換えるTipsや、Webブラウザの開発ツールで実際に読込時間を測定するなど、いろいろと工夫したつもりです。

ちなみにサンプルコードに使われている写真はすべて自分で撮ったもので、上の画像は昨年末に訪れた厳島神社だったりします。