いつも大変勉強させていただいております。
かさなった画像にクリックイベントを発生させたいと
苦心しておりますが、うまくいきません。
スタイルシートの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>タグはつかえないのでしょうか?
ほかに代替案があればおしえてください。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
まず確認ですが、
・画像が重なっていない場合はonclickイベントは起動する
・画像が重なる場合はonclickイベントは起動しない
は間違いないですね?
座標位置のみを変更して試してください。
(勘違いということもありますから)
やはりダメなようなら、逃げの手しかないように思えます。
私が思いつくのは、
・下になる画像のIMGタグにもonclickを付加
・イベント内で、上になる画像の範囲外ならスキップ
ということぐらいです。
重なる画像の両方ともonclickが発生しないというのはちょっと考えられないので、
これでいけると思うのですが。
私の環境はIE6.0なのでテストができません。
申し訳ないですが、ご自分で確認して下さい。
No.1
- 回答日時:
>リンクすらはれないのです。
「big.gifをクリックすると、関数ZoomWinを起動する」
という意味ですよね?
IE6.0で試したら起動しましたけど・・・。
もしダメなら、IMGタグでonclickをしてみたらどうでしょうか?
この回答への補足
ありがとうございます。
>「big.gifをクリックすると、関数ZoomWinを
>起動する」という意味ですよね?
そうです。
ブラウザ環境はIE5.5以上なので、
IE5.5で検証しています。
IE5.5では、重なっている画像で、
イベントは発しないようです。
<img>タグ、<div>タグでもやってみましたが、
同様でした。
IE5.5でも画像が重なっていなければイベントは
発するんです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Lightbox2でのキャプションにつ...
-
クリックで背景変更するタグ
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
JavaScript で flexslider の画...
-
JavaScriptとチェックボックス...
-
スライドショー作成方法。
-
JavaScriptでの画像切替について。
-
スライダーを実装した場合、ペ...
-
代替文字が表示されなくなった...
-
Java Scriptの画像切り替えにつ...
-
VB2005 でビットの深さ8の画像...
-
ロールオーバーで切り替えられ...
-
スワップイメージが上手く動作...
-
JavaScript スライドの画像にリ...
-
右クリック禁止スクリプト挿入法
-
javascriptを使用し、別窓をサ...
-
Photoswipeのアニメーションの変更
-
一定日本時間で画像変更 Java S...
-
画像のサイズが取得できません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
1枚の画像をクリックすると複数...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
edgeでスクロールバーに色が表...
-
画像の上に画像リンクを貼る方法
-
prettyphotoの画像表示について
おすすめ情報