2013/08/16
freoのcolorboxをカスタマイズ
freoのcolorboxの更新時はjquery.colorbox-min.jsが同梱されてるからカスタマイズがめんどくさいね。
これをこのまま使うと、大きな画像は画面からはみ出してしまう。
対策はjquery.colorbox.jsのカスタマイズ。
javascriptの知識が皆無に等しいのでjquery.colorbox-min.jsを見ても意味不。
だから本家からスクリプトをDLしてきてjquery.colorbox.jsを使う。
maxWidth: false,
maxHeight: false,
を
maxWidth: "80%",
maxHeight: "80%",
くらいにすればだいたいバランス良くなるかな。
この時、設定値をダブルクォーテーションで囲むのを忘れずに。
他の設定も本家jquery.colorbox.jsだと簡単な英語しかないから楽に出来るはず。
カスタマイズはご自由に。
本家にセッティング例も細かく書いてあるよ。