プロが教える店舗&オフィスのセキュリティ対策術

すいません。ドリームウィーバーCSを使っているのですが、
CSSを使った部分でちょっと分からないことがあります。

divで囲って、幅250ピクセルに指定したとします。


そこへ幅500ピクセル、縦1000ピクセルを入れて、自動的に画像を縮小させたりする事は
できるのでしょうか?
事前に何かのソフトで画像を縮小してから放り込めば解決なのですが、大量の画像があるため
画像を加工に非常に時間がかかります。

いろいろCSSのボックスなどの設定を試してはいるのですが、上手くいきません。
私が行いたいのは、上記のサイズのdivで、画像を入れると横幅は50%になりますよね?
その後自動的に縦幅も50%となり、画像が歪むことなく、縮小した画像が表示できたら良いと
考えています。

実際は画像の半分だけ表示されスクロールバーが付いたりします。(このあたりはオーバーフロー設定で変わりますが・・)


もし上記が可能ならやり方を教えてもらえると助かります。

A 回答 (1件)

自動にはさすがにならないが、元の画像のサイズが一定であるなら


そのBOXに入るファイル名だけ書き換えれば収まりはつくんじゃないかな。

例えば

<div id="fhoto">
<img src="入れたい写真.jpg" width="200" height="150"(ココの比率は固定) /></a>
</div>

例えば640X480の写真を Web上の表示で200X150にしたければ
あとはこのhtmlをコピーして使うだけ。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!