今までの a-blog cms では jQuery のバージョンが 1.2.6 という事で、最新のプラグイン的なものが動作しないでいたので、あまり導入のチャレンジをしていませんでしたが、a-blog cms 1.3.0 になって jQuery も最新版になった事から気にせず使えるようになったのが、とても嬉しいですね。 今回のエントリーでは、jQueryのプラグインで見えてない部分は画像の読み込みをしないでおいて、スクロールして表示されるようになってから読み込む「Lazyload.js」というのを試してみましたので、その実装方法をメモっておきます。 以前は jquery.dimensions.js というものが必要だったようですが、jQuery に含まれる事になったようで、現在のバージョン(1.4.2) では読み込まなくても問題なく動作するようです。 Lazyload.js download
![スクロール時に画像の読み込みを開始する Lazyload | kazumich.log](https://cdn-ak-scissors.b.st-hatena.com/image/square/55262e252af52dccabf50fd3be255ede2f8aad1b/height=288;version=1;width=512/https%3A%2F%2Fkazumich.com%2Farchives%2F001%2F201005%2F4be5102a7ab7f.jpg)