失敗談:画像を自動的にLightBoxで表示するようにしたけど、なぜか表示されない・・・
今までは画像をクリックしたらthickboxで画像を表示してました。
それよりもLightBoxの方が綺麗だなって思ったので、
早速変更しようとしたのですが、
なぜか表示できなかったのでとりあえずメモしておきます。
LightBox?
もともとLightBoxは、prototype.js のプラグインの一つで、
ThickBox同様、画像を綺麗に表示させるためのJavaScriptなのですが
そのLightBoxのjQuery版が「jQuery LightBox plugin」です。
thickboxよりもアニメーションがついていたりと好きなのですが、
ここのブログでは動作してくれなかったのです。。。
ローカルでは動作していたのに!!
ブログにアップする前に、いつもローカル環境でテストするのですが、
なぜかブログにアップしても動かない!
ローカル環境では動いたのになぜ!?
なぜなんでしょう・・・
ちなみに、thickboxとほぼ同じように設定していて、
今回のように動作しなかったのです。。。
ちょっと今後のために推測
推測して浮かんだこと
onloadの関係かな?
jQuery LightBox pluginは、
本体のプログラムの中に、onloadが2カ所あるんですが、
ここのブログの他のjsに出現するonloadと競合を起こして、
その結果表示されないんじゃないかなって思う。
たしかどっかでonloadが複数あると動作しないようなことを、
読んだ気がする・・・
これが原因かはわからないけど、
・.lightbox()という関数でエラーが発生。
・ローカル環境ではそのエラーがでないで、きちんと動作する。
・他のjsは動作する。
以上のことからきっと本体の読み込みの時に
なんらかのエラーが生じていると推測される。
今後修正してみようかな・・・
あれ?このソースは改変していいんだっけ???
・・・だめだったような。。。
※追記(04/08 01:55)
なんとか解決しました!
「続:画像を自動的にLightBoxで表示するようにした」