Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
  • ベストアンサー

クリッカブルマップの部分的な画像の入れ替え

HTMLの頁に大きな一枚の画像を貼り付け、クリッカブルマップで7か所にリンクボタンを作りました。マウスがリンクボタン上に来た時、そのボタンエリアにだけ違う画像を表示したいのですが、どなたかお教え願えないでしょうか?当方javascriptは初心者です。よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • ddg67
  • ベストアンサー率22% (1211/5475)
回答No.2

ネットでマウスオーバーで検索してください、ここで説明するよりも判りやすいですから(^_^; <span onmouseover="document.画像ID.src='変更画像URL';" onmouseout="document.画像ID.src='元画像URL';"> <img name="画像ID" alt="Sample" width="100" height="100" src="元画像URL"> </span> ---- <span onmouseover="document.画像ID.src='変更画像URL';" onmouseout="document.画像ID.src='元画像URL';"> 画像変更 </span> これだけ書いても判らないでしょうから(^_^;

hinaarara
質問者

お礼

概要が何となくわかりました! 早速マウスオーバーを検索して試してみます。 ありがとうございます!

すると、全ての回答が全文表示されます。

その他の回答 (2)

回答No.3

大きな画像を背景にして、ボタン部分をpositionで指定し別の画像を置くというのはどうですか?

hinaarara
質問者

お礼

positionという方法もあるんですね。 マウスオーバーと合わせて検索して試してみます。 ありがとうございます。

すると、全ての回答が全文表示されます。
  • Yohjira
  • ベストアンサー率66% (14/21)
回答No.1

画像を分割したものをそれぞれつなげて1枚の画像に見えるように表示して、 特定の画像だけ入れ替えるような方法はだめでしょうか?

hinaarara
質問者

お礼

Yohjira様 早速のご返事ありがとうございます。 出来れば画像分割しないで入れ替えしたいと考えております。 誠にすみません。

すると、全ての回答が全文表示されます。

関連するQ&A