東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

デザイン事務所ダウンアンダー

営業
10:00-
19:00

lightbox2とjquery.jsのコンフリクト

     2012/01/09   技術ノート    野村貞次

スライドショーを実現すべく、jquery.jsを導入しました。

  • スライドショーは別途解説。

SafariやIE6では問題なかったのですが、IE8ではコンフリクトが発生。
エラーメッセージで「prototype.jsのオブジェクトがありません云々」が毎回表示されます。
またスライドショーが動作しません。

原因を探ると、lightbox2の利用するprototype.jsとjqueryがコンフリクトしているようです。
たぶん同じ変数名をグローバルで使っているのでは?<究明していません。

そこで2つの案を考えました。

  • prototype.jsを使用せずにlightboxを実現するプラグインを使う。
  • コンフリクトを避けるためにjqury.jsを編集。

jquery(またはprototype.js)の編集は、バージョンアップした際の対応がいちいち面倒そうです。
よって、違うプラグインを探したところ、けっこう見つかりました。
いずれも、画像に対して「rel=”lightbox”」等の追記タグは必要ない物です。

  • WP-Lytebox シンプル。
  • WP-GreyBox シンプル。ウィンドウクローズ・画像送りボタンが離れて表示されるのが、直感的ではない。
  • Shadowbox JS WordPress 多機能。ムービーのlightbox表示もできる。

多機能で見た目も良いShadowbox JS WordPressは、残念ながらFlash Video Playerとコンフリクトしてしまいました。
GreyBoxは、見た目が少々・・。

たいへんシンプルですが、 WP-Lyteboxは動作も安定して直感的なので使用することにしました。
ただし、IE8ではCloseボタンが表示されないことがあるので、原因を調べています。

     2012/01/09   技術ノート    野村貞次

Message

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

 こちらの記事も読んで見ましょう

lightbox2とjquery.jsのコンフリクト 東京都練馬区。Wordpressはおまかせ。印刷・ホームページなど販売促進のためのデザインを提案します。

Copyright©デザイン事務所ダウンアンダー,2011 All Rights Reserved.

ページ先頭へ