オンマウスで画像を変える指定の仕方について
-
0 名前： NAINMEZU ： 2007/03/08（木） 12:17 ID:JLe64hzY sub-t1
- すみません。少し教えてください。ここのテンプレートを使ってオンマウス時に
画像を変えたいのですが、必要部分を変更しても変化がなく、方法がいまいちよくわかりません。
どなたかアドバイスをお願いします。
通常画像 mb??.gif 変えたい画像 mb??_b.gif (??は数字です。)
サンプルは、フォルダの中にあるようですが、ウチはフォルダの中に入れておらず、Htmlファイルと同階層です。指定の仕方とかが気になるのですが、「img1」とかになっている辺りを変えてもダメでした。連動している所とかがあるのか余計な物が入っているのか・・・アドバイスよろしくお願いします。
<SCRIPT TYPE="text/javascript">
<!--
if (document.images) {
// 設定開始（使用する画像を設定してください）
// 画像1
var img1on = new Image();
img1on.src = "mb04_b.gif"; // ポイント時の画像
var img1off = new Image();
img1off.src = "mb04.gif"; // 通常の画像
// 画像2
var img2on = new Image();
img2on.src = "mb03_b.gif";
var img2off = new Image();
img2off.src = "mb03.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="a.htm onMouseOver="On('img1')" onMouseOut="Off('img1')"><img
src="mb04.gif" border="0" width="95" height="20" NAME="img1"></a><a
href="b.htm onMouseOver="On('img2')" onMouseOut="Off('img2')"><img src="mb03.gif" border="0"
width="95" height="20" NAME="img2"></a><a href="c.htm onMouseOver="On('img3')" onMouseOut="Off('img3')"><img
src="mb06.gif" border="0" width="95" height="20" NAME="img3"></a>
-
1 名前： NAINMEZU ： 2007/03/08（木） 12:17 ID:JLe64hzY sub-t1
- すみません。自己解決しました。
よく見直したところ、
リンク先指定のhref="b.htm onMouse〜
となっていて「"」で閉じられていないようでした。コピペした時に消えてしまったものと思います。御迷惑お掛けしました。
