CMS「すぐ使えるCGI」の開発者がご質問にお答えします

 

画像サイズの調整について (No. 1491)

回答日: 2014-04-07
<< 掲示板一覧  >> 質問する

質問

画像付 ニュース更新ツール 大容量版 Ver 4.4 (日本語 UTF-8版)を使用させて頂いております。
つきましては画像をアップした際のリサイズについてですが、画像の短辺を基準に縮小し、長辺は成り行きでカットされるような設定は可能でしょうか?もし可能でしたら教えて下さい。
よろしくお願いいたします。
投稿日時: 2014-04-07 18:12

回答

「すぐ使えるCGI」のご利用ありがとうございます。

早速ご質問の件ですが、ご要望は、例えば縦長の画像をアップロードした時に、横幅で縮小サイズを指定した上で、上下をカットし真ん中部分を残した正方形にする、といった事ですね?(※「正方形」は例なので、別のサイズでも同じです。)

これは、製品では対応がありません。2つ方法をご提案できますので、ご検討下さい。

■対応方法1:JavaScript と CSSで調整

JavaScript と CSS を組み合わせて、表示サイズの調整を行う事ができます。しくみとしては少々複雑で、ブラウザの対応の限界などもあるのですが、下記サポートページでサムネイル画像の表示サイズ調整方法としてご案内しております。

http://sugutsukaeru.jp/support/225/

サポート情報の中には、lightBoxで拡大する、という部分も含まれているので少し分かりにくいかと思いますが、一度ご覧いただけますか?

amin/admin.cgi で横幅だけサイズを指定した上で、テンプレートの設定に関しては、上のサンプルからコードを取っていただければよいのですが。

◇参考情報

同じ方法を、以下のサンプルでも使っています。
http://sugutsukaeru.jp/sample/329-jquery-lightbox/webdir/

こちらの方が、製品はお使いいただいているものと同じなのですが、サイズ調整の部分は生憎オンラインサンプルだけで、サポート情報やダウンロードできる製品には含めていません。

この方法でご検討を進められる場合は、現在サイトで使っているサンプルファイルをご参考にお送りする事も可能ですのでご一報下さい。


◇制限事項

この方法の場合は、横長の画像がアップロードされた時は、高さの方を指定に合わせて両サイドがカットされてしまいます。

--->【代替】
「縦長の場合は下側のみをカット、横長の場合は下に隙間を空ける」という方法や、「<img>タグではなく、背景画像として画像を表示する」という方法だと、両サイドのカットを避ける事ができます。これはまたご質問下さい。


■対応方法2:有料カスタマイズ

表面上の表示調整ではなく画像自体のカット加工が必要な場合は、有料カスタマイズで請けたまわります。

◇カスタマイズの利点
カスタマイズする場合は、「縦長の場合は...」「横長の場合は...」「指定より小さかったら...」など細かく場合分けして画像が作成でき、HTML上は画像サイズ通りに表示すればOKになります。


こういったカスタマイズをご希望の場合は、御見積をお問い合せ下さい。

ご参考: カスタマイズのご案内
http://sugutsukaeru.jp/support/66/
回答日: 2014-04-07

さらに詳しく