ますけんぷの寝言

WordPressでのLightbox 2とLazy Loadの共存でも説明していますが、
Lightbox 2とjQueryを用いたLazy Loadの併用ではコンフリクトが起きてしまいます。

Using jQuery with Other Libraries – jQuery JavaScript Library

By default, jQuery uses "$" as a shortcut for "jQuery"

ここで使われているLightbox 2はjQueryに依存していないはずなのですが、javascriptを見たら何ヶ所かに
「$」による記述が。
ここで誤動作をしているようです。

なので・・・、

jQuery.noConflict();

という命令によるコンフリクト回避策を利用します（詳細は割愛します）。
それをプラグインで実現してくれるのが、「Head Cleaner」です。

元々このHead Cleanerはヘッダ・フッタ部分のタグを整理整頓するプラグインなのですが、先程述べた
prototype.jsとjquery.jsのコンフリクトを見つけると、自動的に回避スクリプトを組み込んでくれます。

これによりLightbox 2とLazy Loadの共存は可能になるのですが、Lazy Loadに若干の挙動の違いがあるようです。

なので、それが気になる方には「WP-Slimbox2」プラグインをお勧めします。
こちらはLightbox 2と異なりjQueryを利用していますので、Lazy Loadとの相性も問題ありません。
先ほどご紹介したHead Cleanerが無くても問題なく動作します。
Lightbox 2で実現していたタグの自動認識機能（下図参照）も搭載しています。

Lightbox 2と違う点は２点。
まず見た目。Lightbox 2は数種類のフレームから選ぶことが出来ますが、WP-Slimbox2では
デフォルトでは１種類のみです。
またLightbox 2に搭載していた、描画範囲の狭いブラウザに画像サイズを自動調整する機能は
備わっていないようです。
特に後者がちょっと残念です。

prototype.jsとjquery.jsを使ったスクリプト開発はお互い気をつかっているようですね。
javascript使いの方々の間では普通なのでしょうが、私はあまり馴染みがないので（汗）。

今回はWordPressプラグインで解決しましたが、一般的なライブラリ用に対して有効な回避法は何か、
どなたか挑戦してみて下さい。

（この記事は古い情報です。「WordPressでのLightbox 2とLazy Loadの共存　まとめとその後」に改訂版を載せてあります。）

追記：WordPress Ver.2.9.2の場合と3.0の場合について書かれています。
　　　修正箇所が異なりますのでご注意を。

Lightbox 2プラグインはほぼ開設時から、jQueryも私のWordPressにはデフォルトで
組み込まれていたと思います。
その後jQueryを使ったLazy Loadプラグイン（画面スクロールイン時に画像を読み込む）を
インストールしたのですが、Lazy Loadは動作するのだけど、Lightbox 2が動作しなくなって・・・。
どうもコンフリクトを起こしているようです。

続きを読む »

えー・・・。

・・・菖蒲です・・・。
花菖蒲ですよね、多分ｗ

近くの公園で撮ってきました。
人がいっぱいいました。

でも時期を過ぎたらしく、全体的に“花盛り”って感じではなかったです（汗）。
富士山にＱの字のバッジ付けてたバスガイドさんが立ってて、
「山梨から来たんですけど今年はどうですか？」って聞かれたのですが、
例年はすごいんですけど今年てか今日は・・・みたいなことを伝えたら残念がってました。
「また来年リベンジします！」って張り切ってましたけどね。
来年の前に今日の観光客のフォローを頑張って下さいｗ
てかその他にも観光バスが何台かいたんだけど、ここってそんなに有名なの？
→袖ヶ浦公園

まぁこの投稿の一番大きな理由は、Lightbox 2がちゃんと動作してくれるかどうかを
確かめたかったからですがｗ
前のブログでは手動で導入してましたが、最新版のWordPressではプラグインで
配布されているのがありがたい♪

・・・ドクターストップがかかって最低３ヶ月は療養を指示されました。
さて、これから何しようかな。
取り敢えず次の仕事探すか←
（「仕事は考えるなっつってんだろタコが！」by 医者）