WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:イベント処理が上手く行きません。

あらちゃん[MAIL][URL][WriteDate : Tue Oct 17 04:37:36 2000]

はじめましてですが、助けていただきたく書き込みをしました。
onMouseOver/onMouseOutのイベント処理が上手く行かないのです。
スプリクトのみの表示だと大丈夫なのですが、その前に「img src=」タグが入ると表示が一つずつずれてしまいます。
javaに関しての知識は、超初心者なので上手く説明できないのですが・・・。
ひとまず、ここへスプリクトを書き込んで失礼します。

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<title>ara's casa</title>
<script language="JavaScript" src="cokki.js"></script>
</head>
<html>

<body background="bg_tu_s.gif">
<img src="a1.gif" width="380" height="75">

<p align="center"><font color="#FF0080">
<strong><script language="JavaScript">writeAccessText();</script>
の訪問ありがとうございます!</strong></font> </p>


<SCRIPT language="JavaScript">
<!--
img=new Array();
for(i=1;i<=12;i++){
img[i]=new Image();
img[i].src="myimg"+i+".gif";
}
function changeImage(i,j){
document.images[i].src=img[j].src;
}
// -->
</SCRIPT>
</HEAD>

<CENTER><BR><BR>
<A href="#" onMouseOver="changeImage(0,2)" onMouseOut="changeImage(0,1)"><IMG src="myimg1.gif" border=0></A>
<A href="#" onMouseOver="changeImage(1,4)" onMouseOut="changeImage(1,3)"><IMG src="myimg3.gif" border=0></A>
<A href="#" onMouseOver="changeImage(2,6)" onMouseOut="changeImage(2,5)"><IMG src="myimg5.gif" border=0></A>

<BR><BR>
<A href="#" onMouseOver="changeImage(3,8)" onMouseOut="changeImage(3,7)"><IMG src="myimg7.gif" border=0></A>
<A href="#" onMouseOver="changeImage(4,10)" onMouseOut="changeImage(4,9)"><IMG src="myimg9.gif" border=0></A>
<A href="#" onMouseOver="changeImage(5,12)" onMouseOut="changeImage(5,11)"><IMG src="myimg11.gif" border=0></A>
</CENTER>
</BODY>
</HTML>

ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 17 11:54:05 2000]

以下で大丈夫のような気がします!
ようは、imagesオブジェクトを使用していますので
a1.gif
も対象になって、インデックスがずれるためと思われます。

<A href="#" onMouseOver="changeImage(1,2)" onMouseOut="changeImage(1,1)"><IMG src="myimg1.gif" border=0></A> 
<A href="#" onMouseOver="changeImage(2,4)" onMouseOut="changeImage(2,3)"><IMG src="myimg3.gif" border=0></A> 
<A href="#" onMouseOver="changeImage(3,6)" onMouseOut="changeImage(3,5)"><IMG src="myimg5.gif" border=0></A> 

<BR><BR> 
<A href="#" onMouseOver="changeImage(4,8)" onMouseOut="changeImage(4,7)"><IMG src="myimg7.gif" border=0></A> 
<A href="#" onMouseOver="changeImage(5,10)" onMouseOut="changeImage(5,9)"><IMG src="myimg9.gif" border=0></A> 
<A href="#" onMouseOver="changeImage(6,12)" onMouseOut="changeImage(6,11)"><IMG src="myimg11.gif" border=0></A> 


あらちゃん[MAIL][URL][WriteDate :Wed Oct 18 03:05:06 2000]

ご親切にありがとうございました。
とても単純な問題だったのですね。(お恥ずかしい・・・。)
今回jsファイルを使ってみたので、その為かと思い頭を抱えてしまっていました。
これで次の段階へ進むことが出来ます。

次回はもっと高度な質問が出来るようがんばらなくっちゃ。(笑)
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]