2.11.4 使用です。

resize_image.phpについてです。

商品一覧ページのサムネイルをresize_image.phpを使用して縦長、横長の写真共に同じサイズの枠に入る様にしたいです。

素人なりに調べていたらresize_image.phpかな？とは思ったのですがその先どうすれば良いのかわかりません。

商品一覧ページ
/products/list.php


<!--★画像★-->
<a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" class="over"><!--商品写真--><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" width="160" valign="bottom"/></a>
</div>


現状は上記の記述になっています。

文章だけではしたい事が伝えずらいですのですが、ヤフーオークションの商品一覧ページの様にしたいのです。

たとえば商品一覧の写真サイズを160X120pxでそろえます。

すると本来縦長の写真は上下に潰れたような写真になってしまいます。

逆に横幅だけ固定すると縦長、横長の商品が混ざるとレイアウトが上下に崩れます。

できれば画像サイズは全部160X120pxで固定して、縦長の写真は縦横の比率を保ってその枠内で表示したいです。

当然横長のサイズより小さく表示されますが、比率を保って枠内に全部表示されればそれでOKです。

大変困っています。よろしくお願いします。

resize_image.php を利用せず、PHPで元画像のサイズを取得し、
縦/横サイズが大きい方の幅/高さをimgタグのheight/width で指定するという方法はいかがでしょうか?

ちなみにYahooの一覧では、サムネイルではなく元画像を小さくサイズ指定して表示しているようですね。

----------------

karin様

ありがとうございます。

原因は私が横幅を固定にしていた為、縦横の比率が縦長写真だと

潰れてしまうというものでした。

横幅を指定せずフリーにしたら意図したものになりました。

初歩的な事なのにスレッドを立ててしまい申し訳ございません。

またよろしくお願いします。