スポンサーリンク

Jquery colorboxで、同じページで違うCSSとか違う見せ方したいとき

Jquery colorboxで、同じページで違うCSSとか違う見せ方したいときってありますよね。
あんまりないか。
他のライトボックスプラグインを入れてもいいんだけれど、挙動をそろえるのは苦労しそうだ。

なかなかいい方法が見つからなかったんだけれど、このページの回答でいいこと言ってた人がいた。
http://stackoverflow.com/questions/2318528...

かいつまんで話すと、

jquery.colorbox.js
colorbox.css
これらを複製して使う。

・複製したらファイル名も変更して読み込ます。
jquery.colorboxHoge.js とかね。

・複製2ファイルの"colorbox"と"cbox"の単語をすべて置換。
"colorboxHoge"、"cboxHoge"とかね。

・"$("#selector").colorbox();"といつもやっている隣にでも"$("#selectorHoge").colorboxHoge();"と追記すれば、OK。

という感じの作業だ。
colorboxを二つ使うんだけれど、バッティングしないように別名にして使うってことだね。

他にもスマートな方法があるかもしれないけど、分岐としてはわかりやすくていい。
他のプラグインでも使えるかもしれないので、ひとつの方法としてストックしておきます。

スポンサーリンク