画像の縦横の比率を変えて表示(或いはアップロード)したい

「まったく何も分からない・・・」そんなユーザーさんの為のフォーラムです。どんなご質問でもお気軽にどうぞ。

画像の縦横の比率を変えて表示(或いはアップロード)したい

投稿記事by MC » 2017年3月14日(火) 13:50

質問です。
画像登録の際に、オリジナルのファイルとは違う縦横比率の画像をアップロードする方法はありますか?或いは表示の際に、登録した画像を縦横比率を変えて切り出したものを表示することはできますか?

例:元の画像720x480を720x360にしてアップロード、或いは表示する。

どなたかご存知の方、よろしくお願いします。
MC
 
記事: 2
登録日時: 2009年8月03日(月) 11:51
お住まい: 兵庫県

Re: 画像の縦横の比率を変えて表示(或いはアップロード)したい

投稿記事by webmaster » 2017年4月11日(火) 07:53

webmasterです。MCさん、ご質問ありがとうございます。

表示する場所の縦横比が先に決まっているようなケースですね。現状では、CMS Designerにはその機能がありません。
CSS/Javascriptを利用して、以下のような方法が使えるようですのでご紹介致します。

1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー
http://www.webcreatorbox.com/tech/object-fit/

IE/Edgeに未対応なのですが、記事の末尾に、IE/Edgeでも同様の事を実現する方法が載っていますので、併せてご覧ください。

もう1つ、ご紹介しておきます。こちらはCSSを駆使するハック系です。

CSSだけで画像をトリミングする方法3つとjQueryを使う方法1つ
http://cappee.net/coding/css-image-trimming
webmaster
Site Admin
 
記事: 1437
登録日時: 2004年12月10日(金) 10:09


Return to 質問フォーラム

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[1人]

cron