[過去ﾛｸﾞ]
+ JavaScript の質問用スレッド vol.117 + (1001ﾚｽ)
+ JavaScript の質問用スレッド vol.117 + http://peace.5ch.net/test/read.cgi/tech/1404146244/
上
下
前次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
抽出解除
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
470: デフォルトの名無しさん [] 2014/12/20(土) 13:15:51.69 ID:z3B/t80F 失礼します。 １ページに複数の画像を並べてオンマウスで画像３枚が順番に変わるようにしたいのですが、 下記のスクリプトを２つ並べると２つ目にマウスを持って行っても１つ目の画像が変わってしまいます。 どこを変更すればいいでしょうか・・ <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> http://peace.5ch.net/test/read.cgi/tech/1404146244/470
472: デフォルトの名無しさん [sage] 2014/12/20(土) 13:58:34.92 ID:dWuhsWfV >>470 マウスイベントを取って、動的に変化させるなら、 jQueryを使うのが一般的 Web制作管理板の jQuery ライブラリ 総合質問所 vol.4 スレで聞けば？ ttp://peace.2ch.net/test/read.cgi/hp/1400313626/l50 どういうことをやりたいのかを、具体的に書く。 そのコードをすべて捨てて、最初からやり直す http://peace.5ch.net/test/read.cgi/tech/1404146244/472
474: 472 [sage] 2014/12/20(土) 14:20:37.37 ID:dWuhsWfV >>472 訂正。Web制作管理板の jQuery ライブラリ 総合質問所 vol.4 スレではなく、 jQuery, Lodash などライブラリ関連の質問は、下記のスレへ Web制作管理板の JavaScript ライブラリ総合質問所 vol.4 ttp://peace.2ch.net/test/read.cgi/hp/1400834117/l50 >>470 仮に左から、ABCという画像3枚が、どのように変わるのか？ AにマウスOverで、左からBCAになるのか？ それとも、ABCのどれかにOverで変わるのか？ BCAになった後、マウスOutで変わるのか？ BにOverで、左からCABになるのか？ それとも、ABCのどれかにOverで変わるのか？ もっと、具体的に説明して http://peace.5ch.net/test/read.cgi/tech/1404146244/474
482: デフォルトの名無しさん [sage] 2014/12/20(土) 15:17:47.42 ID:G86rIizh >>470 id="show" もあるが、setInterval が返す tid を独立させないと複数の要素に対応できない どう見てもライブラリにすれば解決する問題ではないのでここで継続質問していい が、現象が発生するコード(複数並べた場合のコード)を http://jsfiddle.net/ にUPした方が回答しやすい(やったやらない議論が無駄) http://peace.5ch.net/test/read.cgi/tech/1404146244/482
ﾒﾓ帳
(0/65535文字)
上
下
前次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.055s