HPをつくっています。1つの枠内で4つの画像を用意し、クリックによって選択させたあと、選択した画像の動画の上でダブルクリックすると動画を再生する処理を考えているのですが、
ダブルクリックしたにも関わらず、画像が2回クリックした時と同じように先に進んでしまう。(例えば、Bを再生しようとダブルクリックするとDが再生される)
どう対処したらいいか見当が付きません。宜しくお願いします。以下、参考までにソース添付。
<html>
<head>
<script type="text/javascript">
var IMG=new Array();
IMG[1]=new Image();IMG[1].src="gazo/kao1.jpg";
IMG[2]=new Image();IMG[2].src="gazo/kao2.jpg";
IMG[3]=new Image();IMG[3].src="gazo/kao3.jpg";
IMG[4]=new Image();IMG[4].src="gazo/kao4.jpg";
var EIZO=new Array();
EIZO[1]="eizo1.avi"
EIZO[2]="eizo2.avi"
EIZO[3]="eizo3.avi"
EIZO[4]="eizo4.avi"
var a="";var cnt=0;
function kawaru(){
if(cnt==4){
cnt=1;
}
else{
cnt+=1;
}
document.getElementById("test").src=IMG[cnt].src;
v_na=EIZO[cnt];
}
function saisei(){
window.scroll(0,0);
var v_html;
v_html='<embed src="http://HPurl/'+v_na+'" border="1" width="805" height="417" ShowControls="0"></embed>'
document.getElementById("koko").innerHTML=v_html;
}
</script>
</head>
<body>
<span id="koko"></span>
<img id="test" src="gazo/ojisan2.png" onClick="kawaru()" ondblClick="saisei()">
</body>
</html>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
じゃ、もう少しだけ。
2) setTimeout()
https://developer.mozilla.org/ja/DOM/window.setT …
3) clearTimeout()
https://developer.mozilla.org/ja/DOM/window.clea …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryで画像を重ねる
-
FirefoxでonMouseOver/Outの動...
-
画像の座標位置取得
-
imgのsrcに値を設定するには
-
マウスを当てると、サイコロの...
-
商品回転画像の作成方法
-
this.src等のthisについて
-
このスクリプトで画像クリック...
-
MAX関数を使ってからLEFT JOIN...
-
createElementで作成した要素を...
-
jqueryのsortableで一部ソート...
-
iframe内のリンクが飛ばないの...
-
Lightbox2でのキャプションにつ...
-
画像ファイルの合成
-
クリックで背景変更するタグ
-
【OpenCV】二値画像後、白の部...
-
「jQuery」アコーディオンメニ...
-
チェックボックスと画像切替の連動
-
high slideをFC2ブログで
-
どの<li><a> が押されたか判別...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の座標位置取得
-
window.openで値の渡し方を教え...
-
画像と文字を同時に切り替えたい
-
jQueryで画像を重ねる
-
this.src等のthisについて
-
画像の下に説明文をつけて切り...
-
画像をクリックすると別ウイン...
-
JAVAで画像をボタンで切り替え...
-
jQueryでサーバー上のファイル...
-
画像アップロードしたい
-
クリックで次の画像へ
-
画像をクリックして変数に値を代入
-
複数の画像の中から複数の画像...
-
imgのsrcに値を設定するには
-
スマートな外部javaでロールオ...
-
複数のバナーをリロードする度...
-
divの背景画像を、徐々に表示さ...
-
タイマーをデジタル時計風にす...
-
アンケート型のホームページの...
-
一定時間で画像を変更するスク...
おすすめ情報