マウスポインタを画像にあわせると違う画像にしたいです。

はじめまして。質問させていただきます。
ブログの本文で　画像を２枚使って、
マウスポインタが、画像Aに合わせたときに画像Bに変わるイベントをしたいのですが、
どのようにすればいいでしょうか？

onmouseover と onmouseout
を使用して、

<P>
<A onmouseover='document.images[hanabi].src="URL/画像A.jpg"' onmouseout='document.images[hanabi].src="URL/画像B.jpg"' href="URL/画像A.jpg" target=_blank>
<IMG height=213 alt=hanabi.jpg hspace=5 src="URL/画像A.jpg" width=160 align=left border=0 name=hanabi>
</A>

この書き方ですと、間違っているでしょうか？

よろしくおねがいします。

まず、

document.images[hanabi]

ではなく、

document.hanabi

にします。

次に、IMGタグのsrcを、画像AではなくBにします。
それがいやなら、onmouseoverをB、onmouseoutをAにします。

あと、基本的に属性の値は""で囲ってください。
height="213"のように。

これだと、画像がリンクになっていますが、
それがいやな場合はimgタグに設定しましょう。