プログラミングまたレガシーなテクニックです。しても使わなければ解決できない案件があったので、備忘に記します。画像の一部分をボタンにしてリンクを設置できるクリッカブルマップ、イメージマップという言い方が一般的なんでしょうか。一つの画像に複数のリンクを付けたい時などは便利です。リンク領域にマウスが乗った時にわかりやすいようにロールオーバーを追加してみます。方法はあると思いますが、シンプルにJavascriptで画像自体を差し替える方法でやってみます!HTML画像にクリッカブルマップを設置します。href="#"></map>もう一枚ロールオーバー用の画像を準備します。02.jpgと名前を付けました。Javascript画像を差し替えるJavascriptを書きます。imgPath;}HTML内にJavascriptを動かす指示を入れます。onmouseout="changeMapImage('/img/01.jpg')"></map>areaタグの中にonmouseoverとonmouseoutの指示を入れてます。完成コード全体的にはこんな感じです。imgPath;}</script>ついでにロールオーバーする画像をJavascriptで先読みさせてみました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。