- + JavaScript の質問用スレッド vol.117 +
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>
|
- + JavaScript の質問用スレッド vol.117 +
473 ：デフォルトの名無しさん[]：2014/12/20(土) 14:00:44.30 ID:z3B/t80F - >>472
ありがとうございます！
そこで質問してみます。
|
- + JavaScript の質問用スレッド vol.117 +
475 ：デフォルトの名無しさん[]：2014/12/20(土) 14:29:54.69 ID:z3B/t80F - >>474
説明不足で申し訳ございませんでした。
左からABの画像が並んでおり、それぞれ、A1,A2,A3, B1,B2,B3という風に
画像が用意してあります。
Aにマウスを当てた場合、0.5秒おきにA画像はA1,A2,A3、また同じようにBに当てた場合、
B画像はB1,B2,B3‥と動くようにしたいのです。
それが、上記のスクリプトにすると、Bに当てても左のほうでA画像がA1,A2,A3と変わってしまいます。
最終的には1ページに30枚、それを数ページにしたいのです。
説明ベタで申し訳ありません＞＜
友人と手話のサイトを作ろうと思い、マウスオーバーで手話の流れが見れるようにしたいと思っています。
|
- + JavaScript の質問用スレッド vol.117 +
478 ：デフォルトの名無しさん[]：2014/12/20(土) 14:46:09.24 ID:z3B/t80F - >>476
画像はすでにサーバに数百枚アップロードしてあり、それを今からGIFに変換する作業
よりURLで連続で変更した方が早いと思いまして‥
|
- + JavaScript の質問用スレッド vol.117 +
479 ：デフォルトの名無しさん[]：2014/12/20(土) 14:47:54.35 ID:z3B/t80F - >>477
それもやって見たのです…
showa showb やimg1などidと思えるものはすべて区別を付けてみたのですが、結果は同じでした＞＜
|
- + JavaScript の質問用スレッド vol.117 +
483 ：デフォルトの名無しさん[]：2014/12/20(土) 15:18:07.92 ID:z3B/t80F - >>480
ありがとうございます。
この手法でなくてはいけないということはないのですが、性格上モヤモヤがとまらなくて
このままやってみようと思っていました。
おすすめの本、早速取り寄せて読んでみようと思います。
重ねてありがとうございました。
|
- + JavaScript の質問用スレッド vol.117 +
485 ：デフォルトの名無しさん[]：2014/12/20(土) 15:25:45.72 ID:z3B/t80F - >>482
すみません、先ほどのコードもjavascriptも初めての経験なのでご指摘のサイトの
利用方法もわからないのですが、
http://jsfiddle.net/uab9qg90/
これで良いのでしょうか？
ご面倒をおかけしまして本当にすみません。
|
- + JavaScript の質問用スレッド vol.117 +
488 ：デフォルトの名無しさん[]：2014/12/20(土) 15:37:01.03 ID:z3B/t80F - >>487
なるほど…コードをシェアできるんですね。
挑戦してみてきます、ありがとうございます。
|
- + JavaScript の質問用スレッド vol.117 +
490 ：デフォルトの名無しさん[]：2014/12/20(土) 15:41:44.85 ID:z3B/t80F - >>489
すみません‥こうしたいと思って探したものがたまたま先ほどのスクリプトでしたので、
本当に知識は０なのです。
どうやら私は無謀な挑戦をしていたようですね…
|
- + JavaScript の質問用スレッド vol.117 +
493 ：デフォルトの名無しさん[]：2014/12/20(土) 15:56:56.62 ID:z3B/t80F - >>491
なるほど、HTMLでjavascriptを読み込むということですね。
|
- + JavaScript の質問用スレッド vol.117 +
494 ：デフォルトの名無しさん[]：2014/12/20(土) 15:58:15.48 ID:z3B/t80F - >>492
わかりました＞＜
質問の仕方すらわからない状況でご迷惑おかけしました。
最低限質問が出来るように勉強してきます。
ありがとうございます。
|
- + JavaScript の質問用スレッド vol.117 +
496 ：デフォルトの名無しさん[]：2014/12/20(土) 16:13:34.69 ID:z3B/t80F - >>495
わかりました、ご丁寧にありがとうございます。
読み漁ってみます。
|
- + JavaScript の質問用スレッド vol.117 +
499 ：デフォルトの名無しさん[]：2014/12/20(土) 16:29:21.63 ID:z3B/t80F - >>497
いえ、プログラムの知識も同じく０です。
wordpressの記事内に入れれる言語を探していたらたまたま発見したのがこれだったのです。
それほどややこしい言語だったとは…
ありがとうございますm(__)m
>>498
了解いたしました。
ありがとうございました＞＜
|
- + JavaScript の質問用スレッド vol.117 +
502 ：デフォルトの名無しさん[]：2014/12/20(土) 19:08:17.42 ID:z3B/t80F - >>500
>>501
はい、がんばります＞＜
|