ユーティリティ

2017年06月

- - - - 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 -

キーワード検索

キーワード検索フォーム
キーワード

ユーザー

  • cccのアバター

新着画像

過去ログ

Twitter

Twilogを見る

Feed

エントリー

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追記】※縦横両方指定すると縮小比率がおかしな画像表示になるので、縦だけ縮小で指定して下さい。

ページ移動

関連エントリー

コメント

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

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム
名前
メールアドレス
URL
コメント(コメント本文の装飾について
閲覧制限
※基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がございますので、その旨ご了承下さい。
freoをカタカナ3文字で入力してください(スパム対策)