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

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


<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 回答日時： 2004/08/20 11:06

おはようございます。

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

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

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

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

この回答へのお礼

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

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

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

お礼日時：2004/08/20 11:15

No.3 回答者： Shinoa 回答日時： 2004/08/20 11:34

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

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

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

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

この回答へのお礼

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

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

お礼日時：2004/08/20 12:43

No.2 回答者： utatane 回答日時： 2004/08/20 11:06

引数が'sub01_01b'で、本来のソース場所は'./img/01_01b.gif'

なんですよね？
ほら、何が違うのかわかりませんか？

この回答へのお礼

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

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

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

お礼日時：2004/08/20 11:16