0

すべての画像がアップロードされるフォルダーがあり、アップロードされた画像が小さいサイズで表示される div を作成したいと考えています。

アップロードされた写真の小さいバージョンを保存したくありません。小さいサイズで表示したいだけです。

アップロードされたファイルは既に 100x100 のサイズになっているので、比率を気にする必要はありません。

これを行う方法はありますか?

4

2 に答える 2

0

css を使用して必要なサイズを設定するだけです。

div img {
  width: 50px;
  height: 50px;
}
于 2012-04-20T20:58:34.390 に答える
0

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>
于 2012-04-20T20:59:08.300 に答える