画像リンクをクリック時に
-
0 名前： ミナト ： 2006/06/30（金） 14:14 ID:fN8XrvOy
- はじめまして、ミナトと申します。
さっそくですが、質問させていただきます。
画像リンクをクリック時に、○を浮かばせたいのですが、やり方がわかりません。
どなたか分かる方がいらっしゃったら教えていただけないでしょうか。
よろしくお願いします。
-
1 名前： 白色 ： 2006/06/30（金） 14:14 ID:KKYdUFCc
- すみません。
上記の説明だと具体的にどのような動作にしたいのか理解出来ないのですが･･･。
参考URLなどありましたらお願いします。
-
2 名前： ミナト ： 2006/06/30（金） 14:14 ID:fN8XrvOy
- お返事ありがとうございます。
ええと、それが個人サイトなので参考URLは載せられないのですが、
普通は文字や画像のリンクをクリックすると、クリック時やクリック直後に周りが四角く点々で囲まれますよね。
それを、（例えなんですが）テストで採点するときみたいに文字や画像の上に○を浮かばせたいんです。
拙い説明ですみません…。
お分かりいただけたでしょうか？
-
3 名前： 匿名 ： 2006/06/30（金） 14:14 ID:zB2/vVG8
- 元の画像（1）と、それに丸のついた画像（2）の2つを用意して
クリック時に画像を入れ替えるというようにすればいいですが・・
JavaScriptを使うと思いますので
そちらの板にしてみてください
質問の答えではなくてすみません；
-
4 名前： 匿名 ： 2006/06/30（金） 14:14 ID:zB2/vVG8
- >そちらの板にしてみてください
そちらの板に質問してみてください
でした・・・すみません
-
5 名前： 通りすがり ： 2006/06/30（金） 14:14 ID:yGMfbzts
- 「イメージマップ」もしくは「クリッカブルマップ」を調べると良いかと思います。
-
6 名前： ミナト ： 2006/06/30（金） 14:14 ID:fN8XrvOy
- みなさんありがとうございます。
通りすがりの方、調べてみますね。
ありがとうございました。
-
7 名前： 暇人 ： 2006/06/30（金） 14:14 ID:zBjuIYyL
- .test a{ background:url(02.gif); } /* メイン画像 */
.test a:active{ background:url(05.gif); } /* クリック時画像 */
<div class="test">
<a href="#"><img src="01.gif" border="0" /></a>
</div>
これでいんじゃね？
