- 締切済み
重なった画像にクリックイベントを発生させたい
いつも大変勉強させていただいております。 かさなった画像にクリックイベントを発生させたいと 苦心しておりますが、うまくいきません。 スタイルシートの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)
- 専門家の回答
みんなの回答
- ngsvx
- ベストアンサー率49% (157/315)
まず確認ですが、 ・画像が重なっていない場合はonclickイベントは起動する ・画像が重なる場合はonclickイベントは起動しない は間違いないですね? 座標位置のみを変更して試してください。 (勘違いということもありますから) やはりダメなようなら、逃げの手しかないように思えます。 私が思いつくのは、 ・下になる画像のIMGタグにもonclickを付加 ・イベント内で、上になる画像の範囲外ならスキップ ということぐらいです。 重なる画像の両方ともonclickが発生しないというのはちょっと考えられないので、 これでいけると思うのですが。 私の環境はIE6.0なのでテストができません。 申し訳ないですが、ご自分で確認して下さい。
- ngsvx
- ベストアンサー率49% (157/315)
>リンクすらはれないのです。 「big.gifをクリックすると、関数ZoomWinを起動する」 という意味ですよね? IE6.0で試したら起動しましたけど・・・。 もしダメなら、IMGタグでonclickをしてみたらどうでしょうか?
補足
ありがとうございます。 >「big.gifをクリックすると、関数ZoomWinを >起動する」という意味ですよね? そうです。 ブラウザ環境はIE5.5以上なので、 IE5.5で検証しています。 IE5.5では、重なっている画像で、 イベントは発しないようです。 <img>タグ、<div>タグでもやってみましたが、 同様でした。 IE5.5でも画像が重なっていなければイベントは 発するんです。