画像の上に重なるように違う画像をだしたい

質問

画像の上にマウスがのると同じ位置で違う画像をだしたいのですが以下のプログラムだとブラウザ上で画像が表示されません。訂正個所をご指摘いただけませんでしょうか。よろしくお願いします！
<!-- For browsers that don't interpret JavaScript
var onImg = new Array()
onImg[0] = new Image(128,24) onImg[1] = new Image(128,24)
onImg[0].src = "../home_notes/prabil1.gif"
onImg[1].src = "../home_notes/incrogo1.gif"

var offImg = new Array()
offImg[0] = new Image(128,24)
offImg[1] = new Image(128,24)
offImg[0].src = "../home_notes/prabil1.gif"
offImg[1].src = "../home_notes/incrogo1.gif"

function chgImg(imgnum) {
document.images[imgnum].src = onImg[imgnum].src
}
function rstImg(imgnum) {
document.images[imgnum].src = offImg[imgnum].src
}
// end of JavaScript -->
</SCRIPT>
中略
<a href="http://www＊＊/" target="_blank"
onMouseOver="chgImg(1)"onMouseOut="rstImg(0)"><img src="＊＊1.gif" BORDER="0" width="128" height="24"; return true;.
><img scr="＊＊＊.gif" BORDER="0" width="128" height="24"; return true;.></a>
<TD></table>

回答No.7

yellowocean

ここからはオマケ。
スクリプトの動作が確認できたら試してみてください。

<A HREF="#" onMouseover ～ > のように、
<A> タグ内に onMouseover, onMouseout を書いて <IMG> を囲むと、
Mac では、リンクの効果の範囲が
画像の横にまではみ出てしまうことがあります（Mac IE はそういうもの）。
これがイヤな場合、
<IMG> タグ内に直接 onMouseover, onMouseout を書くと（<A> は消します）
画像の上にマウスがのったときだけ、画像がキレイに入れ換わります。
ただし、IE, NN のうち IE 4 以上、NN 6 以上でないと動きません。
NO.2 の回答で「うまくいかないとき」を書いたのは、このためです。