クリックした自身の画像を別画像に入れ替えて表示

質問

前回質問したときに、解決したと思いましたが、動きがおかしいので

再質問します。

メニュー欄を画像にて表示し、画像クリックにて対象ページに飛ぶようになっています。

メニューをクリックした時、クリックした自身の画像を別画像に入れ替えて表示させようとしています。
onClick時に自分自身の画像を入れ替えし、リンク先が表示されるまで入れ替えた画像を表示したいのです。

下記のコードだと、クリック時、a_press.gif'は表示されず
何も表示されていない状態（背景画像）が見えてしまいます。

a_press.gif'<a href="http://www.yahoo.com/">
<img src="images/a_on.gif"
onmouseover="this.src='images/a_rollover.gif';"
onmouseout="this.src='images/a_on.gif';"
onclick="this.src='images/a_press.gif';
this.onmouseover=null;
this.onmouseout=null;">
</a>

どなたかご教示いただけないでしょうか？　よろしくお願いします。

IE,Firefox対応希望。

回答No.1

yyr446

単に;のタイポじゃなかろうか。

<div>
<a href="http://www.yahoo.com/">
<img src="images/a_on.gif"
　onmouseover="this.src='images/a_rollover.gif';"
　onmouseout="this.src='images/a_on.gif';"
　onclick="this.src='images/a_press.gif';
　　　　　 this.onmouseover=null;
　　　　　 this.onmouseout=null;">
</a>
</div>