《jQuery Image Lazy Load WP》スクロールに合わせて画像を読み込むWordPressプラグイン

スクロールに合わせて画像を読み込んでくれるWordPressプラグイン｢jQuery Image Lazy Load WP｣

jQuery Image Lazy Load WPはサイト閲覧者の画面スクロールに合わせてページ中の画像を読み込み、フェード効果を付けて表示してくれるWordPressプラグインです。

画像がフェード効果で「フワッ」と表示されるので、スタイリッシュな印象を与えることができます。また、スクロールされてから画像を読み込むので、最初のページ表示にかかる時間も短縮できるようです。（それほど実感はできないかも知れません）特に画像を多く扱うギャラリー系のサイトなどには効果的なプラグインだと思います。

ダウンロードとアップロードそして有効化

こちらからプラグインデータをダウンロードしてZIPファイルを解凍する。
jquery-image-lazy-loadingフォルダをサーバー内のwp-content/pluginsディレクトリにアップロードする。
WordPressダッシュボード → プラグインの管理 → jquery image lazy loadingで“使用する”をクリックしてプラグインを有効化させる。

プラグインを有効化させれば実装完了です。ページをスクロールするとちゃんと画像がフェードインで表示されているかと思います。

他のプラグインとの併用による不具合

WP-Cycleと併用すると、スライドした画像が表示されないことがある。
~~WPtouchと併用すると、iPhoneで見たときに画像が表示されない。~~

このプラグインのダウンロード

» jQuery Image Lazy Load WP

Tweets that mention スクロールに合わせて画像を読み込んでくれるWordPressプラグイン｢jQuery Image Lazy Load WP｣ | hT DESIGN blog -- Topsy.com より:

2010/07/12 8:29 PM

[...] This post was mentioned on Twitter by hT DESIGN. hT DESIGN said: hT DESIGN blog -> スクロールに合わせて画像を読み込んでくれるWordPressプラグイン｢jQuery Image Lazy Load WP｣ http://bit.ly/cOL9vc #blog [...]

links for 2010-08-19 « 個人的な雑記より:

2010/08/20 7:03 AM

[...] スクロールに合わせて画像を読み込んでくれるWordPressプラグイン｢jQuery Image Lazy Load WP｣ | hT DESIGN blog (tags: wordpress) [...]

Bookmarks of This Week (8/15-8/22) - Sometime PHP より:

2010/08/22 11:57 PM

[...] スクロールに合わせて画像を読み込んでくれるWordPressプラグイン｢jQuery Image Lazy Load WP｣ | hT DESIGN blog [...]

» jQuery Image Lazy Load WP マシュタ・ドット・コムより:

2010/10/06 3:06 PM

[...] http://blog.ht-design.net/archives/jquery-image-lazy-load-wp.html [...]

jQuery Image Lazy Load WP | しーちゃBlog より:

2010/11/14 6:41 PM

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