MENU

freoのcolorboxをカスタマイズ

  • URLをコピーしました!

freoのcolorboxの更新時はjquery.colorbox-min.jsが同梱されてるからカスタマイズがめんどくさいね。
nこれをこのまま使うと、大きな画像は画面からはみ出してしまう。

対策はjquery.colorbox.jsのカスタマイズ。
njavascriptの知識が皆無に等しいのでjquery.colorbox-min.jsを見ても意味不。
nだから本家からスクリプトをDLしてきてjquery.colorbox.jsを使う。

nmaxWidth: false,
nmaxHeight: false,
nを
nmaxWidth: “80%”,
nmaxHeight: “80%”,
nくらいにすればだいたいバランス良くなるかな。
nこの時、設定値をダブルクォーテーションで囲むのを忘れずに。

他の設定も本家jquery.colorbox.jsだと簡単な英語しかないから楽に出来るはず。
nカスタマイズはご自由に。

本家にセッティング例も細かく書いてあるよ。

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
目次