THE HAM MEDIA BLOG

失敗談:画像を自動的にLightBoxで表示するようにしたけど、なぜか表示されない・・・

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery plugin紹介
タグ:
Thickbox
javascript
jquery
失敗
photo
Lightbox

jQuery LightBox plugin
jQuery LightBox plugin

今までは画像をクリックしたら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で表示するようにした

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/92567364
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック

トップに戻る

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。