jQuery Image Lazy Load WP

WordPress で画像をポップアップさせるプラグインを
探していたら、別で面白そうなものを見つけました。

「jQuery Image Lazy Load WP」というプラグインで、
サイトを閲覧する人のスクロールに合わせてページ中の画像を読み込み、
フェード効果を付けて表示するようになります。

導入による利点は、そのページ全体の画像を一気に表示するのではなく、
必要な分だけ表示する事で、サーバーへの負担と読み込み開始が速く
できるところ。

導入に関しては、下記のBlog記事を参考にしました。
http://blog.ht-design.net/archives/jquery-image-lazy-load-wp.html

＜導入前＞

FreeVideoCoding.com

＜導入後＞

FreeVideoCoding.com

導入後を見ていただくと、画像がフワッと表示されているのが分かると思います。

でっ、ポップアッププラグインはどれにしよう。。。

＜追記＞
そのまま導入したらサイドバーの画像にまで影響される事に気づきました(；´∀｀)
なので、ちょっと細工をしました。

プラグインの下記の一文

jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "$placeholdergif"

を

jQuery("#pagewrap img").lazyload({
effect:"fadeIn",
placeholder: "$placeholdergif"

に変更しました。
※追加部分は環境に合わせてください。

下記が設定の参考にさせていただいたサイトです。
http://monodez.com/create/lazyload.html


よろしければ１クリック応援お願いしますm(_ _)m ペコッ

カテゴリー：Diary
タグ：wordpress

しーちゃBlog