jQuery lazy load pluginの導入と思わぬ不具合への対応！

「jQuery lazy load plugin」というWordPress用のプラグインを利用すると、画像などがフワッとした感じでスクロールに応じて表示されるようになります。

プラグインを入れるだけなので、とても手軽なのですが、いくつか気になる点も。

・サイドバーの画像にも影響してしまい、ページ下部までスクロールしないと表示されない
・「WPtouch iPhone Theme」プラグインを利用しているとiPhone等で画像が見れなくなる

で、これらを解決するには、「jQuery lazy load plugin」の編集をクリック。

「jquery-image-lazy-loading/jq_img_lazy_load.php」を開きます。

この中に

jQuery("img").lazyload({

という一文がありますので、そこの「img」の部分に、この機能を反映させたいIDやCLASSを追加します。
このブログの場合は、記事内の画像だけに反映させたかったので、「.type-post」を追加しました。

jQuery(".type-post img").lazyload({

これだけで、サイドバーの画像やiPhoneでの動きが治ります。
かゆいところに手が届く感じてスッキリ！