• ベストアンサー

1つ1つの画像にイベントを発生させるには?

gaviru44の回答

  • ベストアンサー
  • gaviru44
  • ベストアンサー率56% (95/168)
回答No.1

こんにちは。 idをそれぞれ設定すれば出来ると思いますよ。 一応試しましたが、出来ました。 まず、<HEAD>～</HEAD>内の <STYLE type="text/css"> <!-- #gif {filter:alpha(style=0,opacity=50,finishopacity=50);} --> </STYLE> を、 <STYLE type="text/css"> <!-- #gif1 {filter:alpha(style=0,opacity=50,finishopacity=50);} #gif2 {filter:alpha(style=0,opacity=50,finishopacity=50);} #gif3 {filter:alpha(style=0,opacity=50,finishopacity=50);} --> </STYLE> と設定（わかりやすくgifの後ろに番号を加えただけですが）します。 次にidを、下記のように<HEAD>～</HEAD>内で設定したものに変えれば出来ると思います。 <TD> <P align="center"><A onmouseover="changePict('gif1',1)" onmouseout="changePict('gif1',0)" href="index.files/icon1.jpg" target="main"><IMG id=gif1 src="index.files/icon1.jpg" width="100" height="100" border="0"></A></P> <P align="center"><A onmouseover="changePict('gif2',1)" onmouseout="changePict('gif2',0)" href="index.files/icon2.jpg" target="main"><IMG id=gif2 src="index.files/icon2.jpg" width="100" height="100" border="0"></A></P> <P align="center"><A onmouseover="changePict('gif3',1)" onmouseout="changePict('gif3',0)" href="index.files/icon3.jpg" target="main"><IMG id=gif3 src="index.files/icon3.jpg" width="100" height="100" border="0"></A></P> </TD> あと↓は<HEAD>～</HEAD>内に入れたほうがよろしいかと…。 <script language="JavaScript" type="text/javascript"> <!-- timer = ""; function changePict(id,flag){ 　// 　var value = (flag)? 5: -5;// 　// 　if(timer != ""){ 　　clearInterval(timer); 　} 　// 　timer = setInterval('changeValue(\''+id+'\','+value+')',1); } function changeValue(id,value){ 　// 　var object = document.getElementById(id); 　// 　object.filters.alpha.opacity += value; 　object.filters.alpha.finishopacity += value; 　// 　if(object.filters.alpha.opacity <= 50 || object.filters.alpha.opacity >= 100){ 　　clearInterval(timer); 　　timer = ""; 　} } // --></script>

yumaya
質問者

お礼

なるほど、idを変えればよかったんですね。 おかげですっかり解決です。(^_^) 本当に有難う御座いました。

この回答がついた質問に戻る
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 重なった画像にクリックイベントを発生させたい

    いつも大変勉強させていただいております。 かさなった画像にクリックイベントを発生させたいと 苦心しておりますが、うまくいきません。 スタイルシートのz-indexプロパティーで 重なり位置を指定しました。 以下のような記述です。 <!-- 画像1 --> <DIV style="top:117px;left:360px;position:absolute;z-index:1;"><IMG src="00464.png" width="100" height="100" border="1"></DIV> <!-- 画像2 --> <DIV style="top:117px;left:360px;position:absolute;z-index:2;"><a href="#" OnClick="javascript:ZoomWin('00464.png');"><IMG src="big.gif" width="42" height="41" border="0"></a></DIV> 00464.pngとbig.gifという画像が重なっていて、 それぞれz-indexで指定しています。 big.gifをクリックすると、ZoomWinという関数を 発生させて、新規ウインドウを 立ち上げたいのですが、 リンクすらはれないのです。 z-indexを指定しただけでは、 <a>タグはつかえないのでしょうか？ ほかに代替案があればおしえてください。

  • タブのページを切り替えたらイベントを発生させたい

    図のようにフォーム上にタブを乗せました。 ページ１とページ２があるのですが ページ２がアクティブになったら（ページ2をクリックしたら）イベントを発生させたいのですが、どうすればいいでしょうか？ Private Sub ページ2_Click() MsgBox "ページ2_Click" End Sub として実験してみましたが タブの部分（ページ2と書かれているつまみの部分）にカーソルを当てて、アクティブにしただけではダメで つまみの下をクリックしないと発生しませんでした。 なのでページ１からページ２を上にしてイベントを発生させるには 1回目→つまみの部分をクリック 2回目→つまみの下の部分をクリック と言うように2回クリックしないとイベントが発生しません。 理想はつまみの部分をアクティブに（クリック）すると イベントを発生させたいです。 よろしくお願いします。

  • マウスイベントが発生しません

    マウスイベントに詳しい方教えて下さい。 Windows上のプログラミングで TImageコンポーネント上でマウスを左クリックさせると、 通常はOnMouseDown→OnClick→OnMouseUpの順で イベントが発生します。 ただ、たまにOnMouseUpイベントが発生せず エラーが発生してしまう事が起こってしまいました。 常に起こるわけではなく、何かのタイミングで起こります。 ただ、何が原因かは全然つかめていません・・・。 OnMouseUpイベントをキャンセルしてしまう 処理って存在するのでしょうか？ 特にPeekMessageなどは使用していません。 もし、以上のような事が起こる原因をご存知の方、 お教え願えますか？ よろしくお願い致します。

  • JavaScriptのonLoadイベントが、発生したり発生しなかったりする。

    ■環境 　・Mac OS X(バージョン10.3.4) 　・Internet Explorer for Mac(バージョン5.2.3) ■詳細 　・HTMLが読み込まれたときにJavaScriptのhogehoge関数を実行させたいため 　　HTMLの<BODY>タグを下記のように記述している。 　　　<BODY "onLoad=hogehoge()"> 　・当該HTMLを読み込んだとき、あるときはhogehoge関数が実行されるが 　　あるときは実行されない。 　　→onLoadイベントが発生していないよう。 　・上記現象に再現性なし。 　・他ブラウザでは、当該HTMLのonLoadイベントは必ず発生する。 　　確認したブラウザは下記の組み合わせ。 　　　・Mac OS 9(9.2.4) + Internet Explorer 5(5.1.7) 　　　・Mac OS 9(9.2.4) + Netscape 4.7 　　　・WindowsXP + IE6.0(SP2) 　　　・WindowsXP + Netscape 4.77 ■質問 　・上記現象は、Internet Explorer for Mac(バージョン5.2.3)の 　　既知の障害でしょうか。 　・回避方法(onLoadイベントを必ず発生させる方法)はありますでしょうか。

  • 幻想水滸伝(4) 海賊島イベント

    海賊島で、キカを仲間にし再度島に上陸するとイベントが発生するらしいのですが、イベントが発生しません。 何かやってない事があるのでしょうか？ このイベントが発生しない為、先に進めなくて困っています。 よろしくお願い致します。m(_ _)m

  • javascript 画像をクリックするとイベントを発生させたいのです

    javascript 画像をクリックするとイベントを発生させたいのですがエラーが出てしまいます。 画像をクリックするとalertが表示されるコードを作成したつもりなのですが、 クリックしたときに、IEの左下に"ページでエラーが発生しました"というエラーが出てしまいます。 本などを読んで組み合わせて作成したコードなのですが、 構文間違いがあるのだと思うのですが、自分ではどこが違うのか分からず困っています。 もし、どこが間違っているか気付かれた方がいましたらご指摘願います。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> </head> <script type="text.javascript"> <!-- function clickhoge(){ alert("クリックしました!"); } --> </script> <body> <div> <img id="hoge" src="hoge.png" style="left:0px; top;0px;" onClick="clickhoge();" > </div> </body> </html>

  • Perl Tkでタイマーイベントは発生できる？

    Perl Tkでタイマーイベントは発生できるのでしょうか？ 1秒毎に、例えばa.gifという画像をCanvas上で上から下に落ちていく（前の画像は残さない）スクリプトを書きたいのですが、可能でしょうか？

    • ベストアンサー
    • Perl
  • onUnloadイベントについて

    Bodyタグに onUnloadイベントを書くとページが切り替わる時に実行されますが、良くあるreturn falseとかでページが切り替わることをやめさせたいのですが可能でしょうか？ ブラウザで更新ボタンを押したり、他のページへ移らないようにしたいです。

  • 画像を使ってでのリンクで発生する枠について

    画像を使ってのリンクに関するご質問です。 楽天フォトにアップした画像を使い、<a href=""></a>のタグを使いリンクさせた際に、 画像に枠が引かれてしまいます。 一年前に同じ作業を行なった際には、枠は引かれませんでした。 以下のページをご参照ください。 http://plaza.rakuten.co.jp/kagosima2kazuyan/6000 「SHADOW Slasher」のリンクは一年前に作成したもので、枠が引かれてません。 「XL-883R」のリンクは先日作成したもので、枠が引かれています。 なお、このページ意外でも新たに画像でリンクを作成すると、枠が引かれてしまいます。 この枠を消す方法を教えてください。 宜しくお願い致します。

  • RPGツクール3の自動にイベント発生させたい！

    RPGツクール3でサンプルゲームのオープニングみたいに、何もせずに物語が進んでいく方法を教えて下さい。 最近RPGツクール3を購入しました、初代のRPGツクールは昔、だいぶ昔にやった時あったのですが、もう作り方を忘れてしまいどうやればいいのか忘れていました。 イベントの発生が、主人公と触れた時になっているのですが、どうすれば自動イベントが、発生できるのでしょうか？教えて下さい！お願いします！スイッチやページなどの理解はある程度わかっているつもりです。まぁほぼ初心者なので、よろしくお願いします！

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する