スクロールしたらふわっと画像が表示されるjQueryプラグイン「Lazy Load」

Demo

見たほうがきっとはやいので、デモはこちらから。
→basic options
→with fadein effect

設定方法

■js読み込み

<script src="jquery.js"></script>
<script src="jquery.lazyload.js"></script>

■画像読み込み（srcではなく、 data-originalにurlを入れるのがコツ。）

<img class="lazy" data-original="img/example.jpg" width="640" height="480">

■スクリプトを最後に。

<script>
$(function() {
    $("img.lazy").lazyload();
});
</script>

☆

どの距離で読み込むか、アニメーションなども設定できて便利ですね。
ご参考にどうぞ。

Lazy Load Plugin for jQuery