【html】画像にリンクをつける

質問

ｈｔｍｌ,css,javascriptに関する質問です。

ページ内の左半分に人間のシルエットの画像があり
その頭の部分、体の部分、手の部分をクリックすると
それぞれの説明欄が同じページの右半分に表示されるというコードを書きたいのですが
なかなかうまく行きません。

説明欄を初め透過度を0にしておいて
画像をクリックすると透過度を１にさせるようにしようと思っています。

しかしそもそも画像をクリックすることが出来ません。
画像をクリックし他のページに飛ばすリンクの付け方はわかるのですが
目的のことができないです。
ご存知でしたらその書き方を教えて欲しいです。

<img class="kao" src="img/kao.jpg" alt="">

またjavascriptを用いてクリックによって透過度を変えるという考えですが
知識がないのでこれ以上のものを思いつきません。
もっと効率の良いものがあればそれも教えていただきたいです。

よろしくお願いします。

回答No.1

sub_sub · ベストアンサー

例えばJAVASCRIPTでもできますが
めちゃくちゃ簡単にとりあえず設置したい！　という形であれば

右側の説明文の所に背景透過のIFRAME置いてしまう　っという方法もあります。
http://www.tagindex.com/stylesheet/frame/background_color2.html

左側に普通にリンクを設置してリンク先のiframeに説明を表示させてしまう形です。
※margin paddin bordernなどは0　スクロールバーなども消しておく

javascriptで書く場合は
ここが参考になるかと思います。
ボタンをリンクにして
右半分の画像を置き換えればOKです。
http://weboook.blog22.fc2.com/blog-entry-6.html

お礼

解決しました！！
わかりやすい解説、サイトの紹介ありがとうございました。