*

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

AD336

2010/09/01 | Web Design

AD336

関連記事

「iOS 7」公開に合わせてアプリ更新!したかった。。。

「iOS 7」が9月18日に公開されるそうなので、それに合わせて燃費電卓アプリもフラットデザインに更新! が、なんと...

記事を読む

使用するだけでアフィリエイトとSEOに効果のあるWordPressテーマ「Stinger2」に替えてみた!

使用するだけでアフィリエイトとSEOに効果のあるWordPressテーマ「Stinger2」というものを見つけたので、...

記事を読む

期限を設定しないToDoアプリはどうだろう?「Do it now or later」

何かと思いついたりやりたいことをすぐにいろいろと忘れてしまうので、日ごろからいろんなToDo系のツールを試してはいるの...

記事を読む

はじめてのiPhoneアプリ開発!その②「さっそくトラブル。。。」

前回、はじめてのiPhoneアプリとして紹介した燃費計算のアプリ「燃費電卓」ですが、無事にApp Storeに掲載されました。 ...

記事を読む

スマートフォン向けサイトのコーディングメモ

先週、突貫でbikesnapのスマホサイトを作ったのでポイントを忘れないようにメモ。 しかし、CSS3ってすごいですね。 これ...

記事を読む

コメント/トラックバック (5件)

トラックバック用URL:

この投稿のコメント・トラックバックRSS

  1. […] ちらで紹介されてました! jQuery lazy load pluginの導入と思わぬ不具合への対応! | [NC]News Clipping Tweet […]

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

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

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

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




管理人にのみ公開されます

AD336

まだ間に合う!お手軽自由研究「エコライト」作り!

今年も、自由研究の季節がやってきました。 今回は、小学3年生...

GROHE(グローエ)浴室水栓の水漏れ修理をDIY

我が家も立ててから早10年。いろいろとガタが出始めており、先日...

スマホと繋がる乾電池型IoT『MaBeee(マビー)』ファーストインプレッション!

半年くらい前にクラウドファンディングで支援していたMaBeee(マビー...

ワンセグ全録レコーダーARecX6を使ってみた!

ワンセグではありますが、6チャンネルを同時に録画できる「ARe...

ドライブレコーダーの証拠能力は?実際の事故の実感

半年ほど前の話ですが、自宅付近で事故ってしまいました。。。 ...

→もっと見る

PAGE TOP ↑