IE6でのonMouseover、onMouseoutによる画像切り替え

締切済

質問者：masa_tokai
質問日時：2009/10/08 11:10
回答数：3件

いつもお世話になっています。
JavaScriptでonMouseover、onMouseoutによる画像の切り替えを行っています。
Internet Explorer 7.0　Internet Explorer 6.0　Opera 10.00
safari 4.0
以上のブラウザーで確認をとっているのですが、Internet Explorer 6.0だけ上手く動きません。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーHTML
<IMG src="../img/map/1f/map.jpg" width="433" height="469" border="0" name="myIMG1"usemap="#tizu">

<p id="7" onMouseover="Swap('myIMG1', '../img/map/1f/7.jpg'); " onMouseout="Swap('myIMG1', '../img/map/1f/map.jpg');">テスト</p>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
JavaScript
function Swap(iName, img_url){
myobj = document.images[iName];
myobj.src = img_url;
}
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
文字にマウスを持っていくと、地図の画像が変わる。
というのをしたいのです。
どなたか助言をよろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： fujillin
回答日時：2009/10/08 17:59

ヨコからの思いつきですが…

表示できないIEだけ、javascriptをオフに設定してあるなんてことはないですか？

- 0
- 件

通報する

この回答へのお礼

皆さん。
ありがとうございました。
解決しました。根本的なことは解決していませんが、
IE6を一度アンインストールして、再インストールしなおしてHTMLをみたところ、ソースが反映していました。
IE6をインストールしたときの不具合かと思います。
皆さん。
未熟な私に助言をしていただいてありがとうございます。

通報する

お礼日時：2009/10/08 19:23

No.2

回答者： yambejp
回答日時：2009/10/08 12:11

基本的な考え方は間違ってないと思いますが

document.imagesのnameでアクセスするというのはだいぶ古いイメージが・・・
またpにマウスオーバーするより明確にトリガーをイメージしやすい
アンカーをつかう方がユーザービリティーは高いと思います。

ちなみにidに「数字だけ」とかはNGです。

ざっくりこんな感じでどうでしょう？
<script>
function Swap(iID, img_url){
var myobj = document.getElementById(iID);
myobj.src = img_url;
return false;
}
</script>
<IMG src="1.jpg" id="myIMG1">
<a href="#" onMouseover="return Swap('myIMG1', '1.jpg'); " onMouseout="return Swap('myIMG1', '2.jpg');">テスト</a>

- 0
- 件

通報する

この回答へのお礼

html
<a href="#" onMouseover="return Swap('myIMG1', '../img/map/1f/7.jpg'); " onMouseout="return Swap('myIMG1', '../img/map/1f/map.jpg');">テスト</a>
javascritp
function Swap(iID, img_url){
var myobj = document.getElementById(iID);
myobj.src = img_url;
return false;
教えていただいたソースを使って、試してみたのですが動きません。
もしかしたら、ソースではないところがおかしいのでしょうか？
IE6だけ表示できないと言うのは他に原因があるのでしょうか？

通報する

お礼日時：2009/10/08 14:33

No.1

回答者： OKbokuzyo
回答日時：2009/10/08 11:49

質問ソースをコピペして動かしましたが

IE6(SP2)で問題なく動きましたよ？
質問ソース以外のところに問題があるのでは？

上手く動かないというのはJavaScriptエラーが出ているのですか？
IEで詳細を見ればだいたいどの位置にどのようなエラーが出ているのかわかりますよ。

- 0
- 件

通報する

この回答へのお礼

早々のお返事ありがとうございます。
以下にソースをコピペしました。
html------------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta name="robots" content="index, follow" />
<title>TEST</title>
<link rel="stylesheet" type="text/css" href="../css/default.css" />
<script type="text/javascript" src="../js/IE7.js"></script>
<script type="text/javascript" src="../js/lightwindow/prototype.js"></script>
<script type="text/javascript" src="../js/lightwindow/effects.js"></script>
<script type="text/javascript" src="../js/chengecolor.js"></script>
</head>
<div id="subContents">
<h3>カテゴリー</h3>
<ul class="category">
<div id="accordion2">
<dl class="accordion2" id="slider2">
<dt>1F</dt><dd>
<p id="7" onMouseover="Swap('myIMG1', '../img/map/1f/7.jpg'); " onMouseout="Swap('myIMG1', '../img/map/1f/map.jpg');"><a href="http://www.rubyonrails.com/" class="lightwindow page-options" params="lightwindow_width=900,lightwindow_height=900" title="店舗">UN<a></p>
</dd></dl></div></div>
<div id="mapimg">

<IMG src="../img/map/1f/map.jpg" width="433" height="469" border="0" name="myIMG1"usemap="#tizu">
</div>
</body>
</html>
JavaScript------------------------------------------------------
//テーブルから地図にアクセス
function Swap(iName, img_url){
myobj = document.images[iName];
myobj.src = img_url;
}
未熟もで申し訳ありません。よろしくお願いいたします。