マウスオーバーで画像変更で

質問

以下のような方法で画像変換を行っています。

<script language="JavaScript">
function imageChange(imageName,imageURL){
document.images[imageName].src = imageURL;
}
</script>

<TR><TD><IMG SRC="./img/01.gif" NAME="image01" style="position:absolute;top:20;left:10;" onMouseOver="imageChange('image01','sub01_01b');">
</TD></TR>

<IMG SRC="./img/01_01b.gif" name="sub01_01b">

実際にマウスオーバーさせると×印が出てしまいます。

onMouseOver="this.src='./img/01_01b.gif'"
とするとできるのですが。

どこかに間違いがあるのだと思うのですが、自分で発見できません（＞＜）
間違いを訂正してください！

回答No.1

Shinoa · ベストアンサー

おはようございます。
マウスオーバーによって切り替えたいのは、image01ですか？それともsub01_01bなのですか？
それがよくわからないのですが、書き方としては、

onMouseOver="imageChange('image01','sub01_01b')

第二引数は、タグに付けた名称（'sub01_01b'）ではなくて、イメージまでのパス（'./img/01_01b.gif'）を指定する必要があります。

第一引数で指定したIMGタグの画像パスを第二引数で指定するとうまく行くと思います。

お礼

回答ありがとうございます。

onMouseOver="imageChange('image01','./img/01_01b.gif');"

としてみましたところできました。
名前の指定で、というのはできないのでしょうか？

回答No.3

Shinoa

名前の指定というのは、第二引数で指定したIMGタグと同じ画像に切り替えるという意味でしたら、

<script language="JavaScript">
function imageChange(imageName1,imageName2){
document.images[imageName].src = document.images[imageName2].src ;
}
</script>

onMouseOver="imageChange('image01','sub01_01b');"

これでいけると思いますが、どうでしょう？
回答になっていますか？

お礼

はい、回答になってます！

ありがとうございました。

回答No.2

utatane

引数が'sub01_01b'で、本来のソース場所は'./img/01_01b.gif'
なんですよね？
ほら、何が違うのかわかりませんか？

お礼

回答ありがとうございます。

onMouseOver="imageChange('image01','./img/01_01b.gif');"

としてみましたところできました。
名前の指定で、というのはできないのでしょうか？