画像サイズを指定する

質問

1～6まで全て同じサイズ（200*100）の画像があります。
この画像を下記のスクリプトを使用してランダムに表示させ、
マウスを重ねるとその画像に対応した画像に切り替わる
（画像1なら画像4という風に）
ということをしているんですが、
表示サイズを300*150で表示させるためには
どうしたらいいのでしょうか？

<script language="javascript">
<!--
//ランダムにgazouを表示
img = new Array();
img[0] = "画像1.gif";
img[1] = "画像2.gif";
img[2] = "画像3.gif";
img[3] = "画像4.gif";
img[4] = "画像5.gif";
img[5] = "画像6.gif";
n = Math.floor(Math.random()*3);
m = n+3;
document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>");
//-->
</script>

基本的なことで申し訳ありません。
どなたかわかる方がいらっしゃれば宜しくお願い致します。

回答No.1

mitochan1975 · ベストアンサー

document.write("<img src='"+img[n]+"' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>");

の部分を

document.write("<img src='"+img[n]+"' id='gif_size' border='0' onmouseover=src='"+img[m]+"' onmouseout=src='"+img[n]+"'>");
document.getElementById("gif_size").height="300";
document.getElementById("gif_size").width="150";

とします。
document.writeしたimgタグにid属性を付け、そのidで画像の大きさを変更します。

お礼

回答ありがとうございます。

実際に試してみたところできました。
大変参考になりました。
本当にありがとうございます。