470(3): デフォルトの名無しさん [] 2014/12/20(土) 13:15:51.69 ID:z3B/t80F(1/14) AAS
失礼します。
１ページに複数の画像を並べてオンマウスで画像３枚が順番に変わるようにしたいのですが、
下記のスクリプトを２つ並べると２つ目にマウスを持って行っても１つ目の画像が変わってしまいます。
どこを変更すればいいでしょうか・・
<div><IMG SRC=".1.jpg" id="show"
onmouseover="Over()" onmouseout="Out()"></div>
<script type='text/javascript'>
var i=1;
img=new Array(3);
img[1]=".1.jpg";
img[2]=".2.jpg";
img[3]=".3.jpg";
var tid = null;
function Over() {
if (! tid) {
tid = setInterval(Switch, 500);
}
}
function Out() {
if (tid) {
clearInterval(tid);
tid = null;
}
}
function Switch() {
document.getElementById("show").src=img[i];
i=i+1;
if(i>3){i=1;}
}
</script>

485(2): デフォルトの名無しさん [] 2014/12/20(土) 15:25:45.72 ID:z3B/t80F(7/14) AAS
>>482
すみません、先ほどのコードもjavascriptも初めての経験なのでご指摘のサイトの
利用方法もわからないのですが、
外部ﾘﾝｸ:jsfiddle.net
これで良いのでしょうか？

ご面倒をおかけしまして本当にすみません。

490(1): デフォルトの名無しさん [] 2014/12/20(土) 15:41:44.85 ID:z3B/t80F(9/14) AAS
>>489
すみません‥こうしたいと思って探したものがたまたま先ほどのスクリプトでしたので、
本当に知識は０なのです。
どうやら私は無謀な挑戦をしていたようですね…

496(1): デフォルトの名無しさん [] 2014/12/20(土) 16:13:34.69 ID:z3B/t80F(12/14) AAS
>>495
わかりました、ご丁寧にありがとうございます。
読み漁ってみます。