<img name="****" src="http://motos-diary.up.seesaa.net/image/pict1"
alt="????" width="170" height="128" border="0" 
onmouseover="document.images['****'].src='http://motos-diary.up.seesaa.net/image/pict2';" onmouseout="document.images['****'].src='http://motos-diary.up.seesaa.net/image/pict1';" />

※途中の改行は必要ありません。

いろんなやり方があると思いますが、私のよくやる方法を説明します。
特に2番がミソです。

1.	メインとなる画像を貼り付けたあと、上記の赤い部分をコピペして追加してください。
2.	まず、他とは重ならないユニークな名前（name）をつけます。
****は3ヶ所すべて同じものが入ります。
3.	onmouseoverに、マウスオン時の画像（pict2）を指定します。
4.	onmouseoutには、元の画像（pict1）を指定します。

意外と簡単でしょ。
※	少し追記しました。

※　でも、もっと簡単に、これでうまく行くようです。
<img src=" http://motos-diary.up.seesaa.net/image/pict1"
alt="????" width="170" height="128" border="0"
onmouseover="this.src=' http://motos-diary.up.seesaa.net/image/pict2'"
onmouseout="this.src=' http://motos-diary.up.seesaa.net/image/pict1'"
/>