スライドショーを実現すべく、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ボタンが表示されないことがあるので、原因を調べています。

