Skip to content →

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

Published 2010 年 9 月 1 日 by hatto

「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での動きが治ります。
かゆいところに手が届く感じてスッキリ！

Popular Posts

Published in Web Design

Tagged in

5 Comments

  2. WordPress プラグイン40（ぐらい）選 | Inside of Papaya

    […] し問題があって、サイドバーの画像が表示されなくなっちゃうのよね。 　　　　で、こちらのサイトを参考に直したんだけど、そしたら今度はこのプラグインの機能自体が死んでる気が […]

    2012 年 9 月 15 日
  3. WordPress plugins recommended | Inside of Papaya

    […] イン。少し問題があって、サイドバーの画像が表示されなくなっちゃうのよね。 で、こちらのサイトを参考に直したんだけど、そしたら今度はこのプラグインの機能自体が死んでる気が […]

    2013 年 3 月 23 日
  4. WordPress plugins recommended

    […] イン。少し問題があって、サイドバーの画像が表示されなくなっちゃうのよね。 で、こちらのサイトを参考に直したんだけど、そしたら今度はこのプラグインの機能自体が死んでる気が […]

    2013 年 5 月 14 日
  5. WordPress plugins recommended

    […] イン。少し問題があって、サイドバーの画像が表示されなくなっちゃうのよね。 で、こちらのサイトを参考に直したんだけど、そしたら今度はこのプラグインの機能自体が死んでる気が […]

    2014 年 2 月 7 日

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です