質問内容

はじめて投稿いたします、GAMAと申します。
表題の件につきまして分からないことがあり、
検索サイト確認してまいりましたが、
いまだヒントになる情報が見つからず、投稿した次第です。
一般的な使われ方として「クリッカブルマップ」は、
画像のマップエリア内をクリックすることで別ページへリンクしますが、
クリックすることで指定の画像を別画像に差し変えるJavaScriptが分からず、
立ち止まっております。
AとBそれぞれ別画像のうち、A画像のマップ内をクリックすると、
B画像をC画像に差し変えるスクリプトです。

A ← A画像マップエリアをクリックすると、
B ← B画像がC画像に差し変わる。

という一連のスクリプトです。ご教授いただければ幸いです。
よろしくお願いいたします。

【回答】

　JavaScriptで画像を切り替えるには、imageオブジェクトのsrcプロパティを変更します。
　下記の例を見てください。

<IMG NAME=IMG1 SRC=b.gif>		画像にNAMEタグにより名前を付けておく 

    document.IMG1.src="c.gif";	JavaScriptによる画像の切り替え

　詳しくはこのページのソースを見てください。サンプルではタグにしていますが、
クリッカブルマップにしたければ、質問１を参考にしてください。

目次に戻る