ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
QNo.3996071 クリッカブルマップとロールオーバーを同時に使う外部CSSの書き方
質問者：hanami873 似た質問はあったのですが、解決できなかったので質問させていただきました。

ホームページでクリッカブルマップにしている画像(A.gifとします)があるのですが、
リンクにマウスを乗せたとき、それぞれのリンク別々の画像を表示させたいのです。(ホームページはテキストエディットで作っています)

　　　A.gifの中にリンク１、リンク２、リンク３があるとします。
　　　●リンク１にマウスが乗ったとき→A.gifがB.gifに変わる
　　　●リンク２にマウスが乗ったとき→A.gifがC.gifに変わる
　　　●リンク２にマウスが乗ったとき→A.gifがD.gifに変わる

というふうにしたいのですが・・・。

自分で本やネットで探してみたところ、javasprictを使ったやり方はなんとかわかりました。
けれどjavasprictは見る人の環境によって表示されなかったりするし、ソースをシンプルにしたいので、外部CSSでのやり方を探しています。。。

ただのロールオーバーだけなら外部CSSで作ることはできましたが、クリッカブルマップと併用しようとするとわからなくなってしまいました。

独学で作ってきたので説明文など、至らない点があるかもしれないのですが、できるだけ詳しく教えていただければありがたいです。
もし不明な点があれば補足致します。
よろしくお願いします。
困り度：
  • 困っています
質問投稿日時：
08/05/04 02:35
最新から表示｜回答順に表示

回答
ANo.2 試したことはないのですが、おそらくIE6以下は対応できません。
javascript等を使えばhoverに対応させることもできますが、本末転倒・・・

現状でjavascriptをオフにしている人はそんなにいないはずなので、個人的にはjavascriptでいいと思います。
もしもソースを綺麗にしたいのであれば、外部ファイルにして読み込むという方法もありますよ。
回答者：noname#66720
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/05/06 08:52
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.1 ＞ただのロールオーバーだけなら外部CSSで作ることはできましたが、
そのソース（html、css）とクリッカブルマップのソース、
両方提示しましょう。
回答者：goldfox
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/05/04 14:06
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)
 
最新から表示｜回答順に表示
このページのトップへ