これをイメージマップと言います。このイメージマップを使ってとあるコンテンツを作っていたのですが、画像内のリンク領域にマウスを乗せたら色が変わったらわかりやすいねという話になり詰まりました。使えば余裕だろうと思っていましたがそう上手くはいきませんでした。※1:リンクや画像のリンクにマウスを乗せたら色を変えるために使う手法。リンク領域にロールオーバー処理が出来ないという事がわかりました。実現する方法を紹介するサイトが見つかりました。ロールオーバー用の画像を用意しておくなど手間がかかるようです。簡単な方法はないかと個人的に思慮をめぐらしました。作ればすぐに作る事ができます。ウェブサイトにおいては死んだ技術。使うのは時代遅れです。そこである事を思い出しました。使わずに再現できる筈です。変換するサービスがあります。今回はこの「Swiffy」を利用する事にします。画像に複数リンクを付けるイメージマップを再現します。以下のようなボタンアクションを作り、マウスが乗ったらリンク領域の色が変わるようにボタンを作ります。サイトにアクセスしましょう。convert」ボタンをクリックすると変換が始まります。構成されたものがダウンロードできます。使わずにちゃんと動くようになっているのですが、ソースを見てみると上記の暗号のような文字の羅列が長々と並んでいます。ソースがすっきりして良いかもしれません。タグにロールオーバー処理をしたい場合はこういう代替手段もありますよという事で紹介です。同じように表示されて大満足。(31)書いている人Azell猫好き、ウェブ好きな管理人がブログを綴っています。プロフィールへお問合せ当サイトについてプライバシーポリシーお問い合わせウェブミスト(Webmist)ウェブの世界は霧がかっているように知らないことだらけ。霧を晴らすようにウェブを知りたい滋賀ブロガーがお届けする情報ブログ。