画像の切り替えの記述形式について

質問

<a href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a>

画像としてA1.gifがあるのですが、A１.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。
上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか？

<a href="javascript:openURL('URL');"><img></a>
このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。
こういう場合、どのように記述したらいいですか？

回答No.4

yambejp

<img src="../img/gif/A1.gif" onclick="this.src='../img/gif/B1.gif'"/>
とかではいけませんか？

回答No.3

suzuki-_-

No.2の方の例はタグミスによってIE以外で適用できなかったのでしょう

<img src="../img/gif/A1.gif alt="" onclick="document.A.src='../img/gif/B1.gif'" name="A" id="A" style="cursor:pointer" />

回答No.2

sun-ward

指定されている#Aですが、これは必須でしょうか？
必須でなければ「#」に変えれば移動はしないのではないでしょうか？

また、上記の方法とは別になりますが
No.1の方の言うように、IMGタグの中に直接onclick以下を書くのはどうですか？

<img src onclick="document.A.src='../img/gif/B1.gif'" src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" style="cursor:hand" />

style="cursor:hand"は、カーソルを指の形に変えるCSSです。IEでは有効です。

参考にならなければすみません。。。

補足

IEのみで以外だと出来ないのはちょっと駄目みたいです。
<a href="javascript:openURL('URL');"><img></a>
で、関数を使って出来れば、ほかのブラウザでも大丈夫かと思ったのですが。。。。
その方法とかわからないですよね？？
「#」で指定してしまうと、最上部にリンクが飛んでしまいます。

回答No.1

VCAT

画像のタグに直接書くのはダメですか？

補足

といいますと、どのように書くんですか？？？

すいませんが詳しく教えてください。