すべての画像がアップロードされるフォルダーがあり、アップロードされた画像が小さいサイズで表示される div を作成したいと考えています。
アップロードされた写真の小さいバージョンを保存したくありません。小さいサイズで表示したいだけです。
アップロードされたファイルは既に 100x100 のサイズになっているので、比率を気にする必要はありません。
これを行う方法はありますか?
すべての画像がアップロードされるフォルダーがあり、アップロードされた画像が小さいサイズで表示される div を作成したいと考えています。
アップロードされた写真の小さいバージョンを保存したくありません。小さいサイズで表示したいだけです。
アップロードされたファイルは既に 100x100 のサイズになっているので、比率を気にする必要はありません。
これを行う方法はありますか?
css を使用して必要なサイズを設定するだけです。
div img {
width: 50px;
height: 50px;
}
HTML ルート (インライン):
<div class="normal image"><img src="images/imgsrc.jpg" width="100" /></div>
<div class="smaller image"><img src="images/imgsrc.jpg" width="75" /></div>
<div class="half image"><img src="images/imgsrc.jpg" width="50" /></div>
<div class="tiny" image><img src="images/imgsrc.jpg" width="25" /></div>
CSS ルート:
<div class="normal image"><img src="images/imgsrc.jpg" /></div>
<div class="smaller image"><img src="images/imgsrc.jpg" /></div>
<div class="half image"><img src="images/imgsrc.jpg" /></div>
<div class="tiny image"><img src="images/imgsrc.jpg" /></div>
<style type="text/css">
.image img{width:90px;}
.normal img{width:auto;}
.smaller img{width:75px;}
.half img{width:50px;}
.tiny img{width:25px;}
</style>