サイズ

basic.gif (3042 バイト)

 画像のサイズを変更する。Part2 IE.gif (941 バイト)5.5以上

画像の指定方法の2つめをやってみよう。
前回のサイズ指定は大きさをそのまま指定してやったね。
あれだと、元の大きさに戻すときは、元の画像の大きさを知っていないといけないよ。
実は、画像の何倍という指定方法もあってそれが次の命令なんだ。

★.style.zoom = ■;・・・・・★のサイズを■倍の大きさにする。
■:何倍か

けれど、今回の命令は何倍かということなので、必ず元の大きさをそのまま大きくすることになるね。
(縦横同じだけ大きくなる。)
画像を横長や縦長に変更したいときはこの命令ではなく前回の命令を使ってやろう。
じゃあ、倍数を使った前回と同じようなプログラムだよ。

下の表の左
<IMG src="../../../sozai/icon/ikimono/50.gif" id="img" >
↑普通に画像を指定しただけ

下の表の右
<A onclick="img.style.zoom=0.5;">×0.5</A><br>
<A onclick="img.style.zoom=1;">×1</A><br>
<A onclick="img.style.zoom=1.5;">×1.5</A><br>
↑それぞれで、サイズの変更をしている。

これを実行すると、


↑いろんな大きさに変わるよ
×0.5
×1
×1.5

↑好きなのをクリックしてごらん

そう、倍数は小数を使うこともできるよ。


back.gif (1116 バイト) 画像のサイズを変更するPart1
back.gif (1116 バイト) 罫線のサイズを変更する