MACのNNでjavascriptによる画像の切替をするには？
[上に]
[前に]
[次に]
NAO
[E-Mail]
2000/05/16(火) 20:24:09
ある画像のクリックにより別領域の画像を切り換えるJavaScriptを作成しました。
WindowsのNN(V4.x)、IE(V4.x/V5.x)、MACのIE(V4.x/V5.x)では問題なく画像が切り
換わるのですがMACのNN(V4.x)では、トリガーとなる画像をクリックしただけでは
画像が切り換わらず、別領域の画像をクリックした時点で画像が切り換わります。
JavaScriptで画像を切り換える場合、MACのNNを意識した特別な処理を行う必要が
あるのでしょうか？
以下に現象が発生しているHTMLを載せておきます。
よろしくお願いします。
<html>
<head>
<title>画像切り換え</title>
<meta http-equiv="Content-Type" content="text/html; charset=x-euc-jp">
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript">
<!--
var Imagefile = new Array("A.jpg",
"B.jpg");
no = 0;
function PlayImage(){
if (no == 0) {
document.images['mm'].src = Imagefile[1];
no = 1;
} else {
document.images['mm'].src = Imagefile[0];
no = 0;
}
}
// -->
</script>
<p align="center">画像切り換え<br><br></p>
<img src="A.jpg" width="240" height="225" alt="画像" name="mm">
<img src="change.gif" alt="切替" name="bb" border="0" onMouseUp="PlayImage()">
</body>
</html>
Maja
[E-Mail]
2000/05/16(火) 20:43:03
もし、見当違いの回答だったらすみません。
なんとなく、onMouseUpってのが気になります。
たとえば、ボタンを離されたのが画像外だったとか・・・
onClickやonMouseDownじゃだめでしょうか？
Maja
[E-Mail]
2000/05/16(火) 20:47:28
↑追加
もうひとつ。
下の<IMG>タグを<A>タグで囲んでそこにイベントを置いてみては？
Maja
[E-Mail]
2000/05/16(火) 21:04:35
何度もすみませんm(__)m
イメージの先読みもしといたほうが無難だと思います。
ソースはこんな感じ
Aimg = new Image();
Aimg.src = "A.jpg";
Bimg = new Image();
Bimg.src = "B.jpg";
no = 0;
function PlayImage(){
if (no == 0) {
document.images['mm'].src = Bimg.src;
no = 1;
} else {
document.images['mm'].src = Aimg.src;
no = 0;
}
}
という風にしておいたほうがよさそうな気がします。
もちろん、配列でもいいですよ。
Taka
2000/05/17(水) 11:48:40
Majaさんの補足です。
<img src="change.gif" alt="切替" name="bb" border="0" onMouseUp="PlayImage()">
↓
<a href="#" onClick="PlayImage()"><img src="change.gif" alt="切替" name="bb" border="0"></a>
[上に]
[前に]
[次に]