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を二つ使うんだけれど、バッティングしないように別名にして使うってことだね。
他にもスマートな方法があるかもしれないけど、分岐としてはわかりやすくていい。
他のプラグインでも使えるかもしれないので、ひとつの方法としてストックしておきます。
