エントリー

freoの画像表示でColorBoxを画面からはみ出さないよう設定するには

freoでは画像の拡大表示にColorBoxを使用していますが、レスポンシブに対応していないので画像が大きすぎると画面からはみ出てしまいます。
レスポンシブに対応した FancyBox2とかを導入 してもいいと思うのですが、もっと簡単にColorBoxで表示できる範囲を設定する方法を紹介します。

js/admin.jsjs/default.jsjs/iframe.js(PC用)、js/iphone/common.js(iPhone用)をエディタで開き、各ファイルにある

$(target).colorbox();

の部分を、

$(target).colorbox({maxHeight:"90%"});

に変更(赤字を追加)します。

【2013/2/20追記】※縦横両方指定すると縮小比率がおかしな画像表示になるので、縦だけ縮小で指定して下さい。

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム

基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がありますので、その旨ご了承下さい。

ユーティリティ

2024年03月

- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

キーワード検索

キーワード検索フォーム

ユーザー

  • cccのアバター

新着画像

ブログパーツ

Twitter

Twilogを見る

Feed