オンマウスで画像が変わる方法について



0   名前: HARU : 2007/03/15(木) 16:51  ID:6O/q8deT sub-t1
オンマウスで画像が変わるようにしたいと思って、ここのテンプレートをみてやったのですが、
オンマウスしても画像が変わりません。一通りうち間違いがないか確認したんですけど、見当たりませんでした。どこがおかしいのか何かアドバイスをください。お願いします。

通常画像
profile.gif
diary.gif

変えたい画像
profile2.gif
diary2.gif

画像はimgというフォルダの中に入れてあります。


<Script Type="text/javascript">
<!--

//設定開始
if(document.images){

//画像1
var img1on = new Image();
img1on.src = "img/profile2.gif"; //ポイント時の画像
var img1off = new Image();
img1off.src = "img/profile.gif"; //通常の画像

//画像2
var img2on = new Image();
img2on.src = "img/diary2.gif"; //ポイント時の画像
var img2off = new Image();
img2off.src = "img/diary.gif"; //通常の画像
}

//ポイント時の処理
function On(name){
if(document.images){
document.images[name].src=eval(name+'on.src');
}
}

//放した時の処理
function Off(name){
if(document.images{
document.images[name].src=eval(name+'off.src');
}
}

//-->
</Script>

<body>
<a href="profile.html" onMouseOver="On('img1')" onMouseOut="Off('img1')" target="main">
<img src="img/profile.gif" border="0" NAME="img1"></a>
<br><br>

<a href="diary.html" onMouseOver="On('img2')" onMouseOut="Off('img2')" target="main">
<img src="img/diary.gif" border="0" NAME="img2"></a>
<br><br>

1   名前: とおりすがり : 2007/03/15(木) 16:51  ID:UWsZexeD sub-gm
onMouse〜はimg要素につけるのでは?

2   名前: ABDS : 2007/03/15(木) 16:51  ID:EnWNHqjc sub-E8
エラー通知で指定された箇所を直しただけで動作しました。
function Off(name){
if(document.images{
function Off(name){
if(document.images){

「JavaScript エラー」辺りでググればエラー通知を表示する方法が見つかると思います。

3   名前: ハル : 2007/03/15(木) 16:51  ID:6O/q8deT sub-t1
ABDSさん、ありがとうございました。
単純なミスでした。

一覧へ戻る