zoomについて質問です。

質問

zoomについて質問です。
http://www.ikko21.com/
このサイトの中段の画像に、マウスオーバーすると画像が大きく表示されます。
その「マウスオーバーで画像が大きく表示」をやってみたくて
ソースを見てみると、
<td width="153" height="120" align="right" valign="middle">
<p class="zoom2">
<a href="#">
<img src="w2img/ww0217031636H21yokoshin.JPG" alt="◇土地貸（事業用定期借地）◇" width="146" border="0">
</a>
</p>
</td>
となっていたので
<p class="zoom2"><img src="イメージ"></p>
とやると何も変化がなく、
<img src="イメージ" alt="サンプル" style="zoom: 200%;">
とやるともともとの画像が200%で表示されてしまいます。

色々試そうと思い、
<img alt="Sample"
onmouseover="this.src='イメージ '; style='zoom: 200% ';" onmouseout="this.src='/イメージ'" src="イメージ" />
や
<img alt="Sample" style='zoom: 200% '
onmouseover="this.src='イメージ ';" onmouseout="this.src='/イメージ'" src="イメージ" />
という風にやってみてもダメでした。
（HP制作の勉強を初めてまだ２週間ちょいのへっぽこなのでタグがおかしいかもしれません。勉強不足で申し訳ありません）

どうやればマウスオーバーすると画像が大きく表示されるのでしょうか。
よろしくお願いします。

回答No.1

salsberry · ベストアンサー

Javaとは関係なさそうな話なので、HTMLのカテゴリでどうぞ。
[技術者向] コンピューター > プログラミング > HTML

お礼

申し訳ないです。
HTMLの方に書き込みました＾＾；