画像に遅延表示っぽいエフェクトを与えるだけのm5LazyDisplay

スクロールしていくとフェードインで表示していくだけのプラグインです。本当にそれだけ。HTTPリクエスト減らすとか、ページロード早くなるとか一切ないです。スクロールしていったときにふわっと表示されるだけです。ちょっと注目ひきたいときに。

サンプル見てもらえば何となく伝わると思います

下記のエントリも併せてどうぞ(セットになってます)
スクロールするまで画像を読み込まない(はずの)Lazy Loadについて

ダウンロード

ダウンロードはgithubから

使い方とかをざっくりと

対象にしたい画像に実行するだけです。

$("img").m5LazyDisplay();

本当に

ただのエフェクトだけなんで

何か役に立つことがあったらシェアしてみてください

このエントリーをはてなブックマークに追加

Comments: 2 - Leave a comment

  1. サム

    m5LazyDisplay素晴らしいです、使わせていただいています。
    使わせていただいて、言うのもどうかとは思ったのですが
    お時間あるときお返事いただけると嬉しいです。

    お客さんが印刷する場合、スクロールした部分までしか
    画像が印刷できません。
    仕様上しかたないとは思いますが、なにかアイデアがあれば
    教えていただけると嬉しいです。
    すみません、お願いいたします。

    1. nori

      ありがとうございます :)

      例えば印刷ボタンをクリックしたときに以下を実行すると非表示になっている画像が表示されるようになります。

      $("#print").click(function() {
        $("img:hidden").show();
        print();
      });

Leave a comment

Trackbacks: 0

Trackback URL for this entry
Listed below are links to weblogs that reference
画像に遅延表示っぽいエフェクトを与えるだけのm5LazyDisplay from 5509

Author

nori
nori
- UI Engineer
Location
- ,