css 画像切替 切り替えた画像クリック拡大表示

質問

こんにちは。
今ホームページを作っています。

サムネイル画像を押したら、ほかの場所にある画像が切り替わる仕組みと、
切り替わった画像をして、切り替わった画像の拡大画像が表示される仕組みを作りたいのですが、

そのためのCSSとhtmlの組み方がわかりません。
どなたかおわかりになる方がいましたらお願いします。
また画像にこうしたいというイメージがありますのでご参照ください。

画像の(1)～(2)までのイメージは以下URL　パッと替われば大丈夫です。
http://sussiweb.com/hp/html/img/13.htm

画像の(3)～(4)までのイメージは以下URL　パッと替われば大丈夫です。エフェクトなどありましたら参考URLおしえていただけると幸いです。
http://www.cssplay.co.uk/menu/cssplay-clickbox.html#url

回答No.1

SAYKA · ベストアンサー

それはCSSではないよ。
javascriptの出番。

ただ、切り替わる画像がある「他の場所」とやらに纏めて表示画像を詰め込んでおいて display:none にしといてhoverでメニューが見えるのと同じやりかたで表示できるようにする事は可能だね。
でも「クリックによって」は表示ではなく「ユーザの操作による挙動」つまり「インタラクティブ」の部分であって表示の整形とかしか決められないCSSではどうにもならない。

お礼

回答ありがとうございます。

やっぱりjavaがいりますか…
ありがとうございます。