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>

481(1): デフォルトの名無しさん [sage] 2014/12/20(土) 15:17:25.09 ID:rFGgMkCf(1) AAS
「見え方を動的に変えるなら、jQueryが必須」って、マジで言ってるの…？

482(2): デフォルトの名無しさん [sage] 2014/12/20(土) 15:17:47.42 ID:G86rIizh(1/4) AAS
>>470
id="show" もあるが、setInterval が返す tid を独立させないと複数の要素に対応できない
どう見てもライブラリにすれば解決する問題ではないのでここで継続質問していい
が、現象が発生するコード(複数並べた場合のコード)を 外部ﾘﾝｸ:jsfiddle.net にUPした方が回答しやすい(やったやらない議論が無駄)

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

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