1つの画像で複数のリンクを設定する方法

はやち

はやち

スタイルシートだけではできないまたは、画像を切り刻まないとリンクをつくれないという時にクライアントサイドイメージマップがとても便利です。


このような1枚の画像があるとして、丸と三角と四角にリンクを設定するとします。


プロパティの左下に選択ツールみたいなものがあるのでこれで囲ってあげます。


選択されたらリンクはもう出来上がりです^^
アラ簡単ねぇ(・ω・*)

htmlはこのように自動的に書かれるため楽です^^

<p><img src="img.jpg" alt="まーるさんかくーしかーくー" width="660" height="320" border="0" /></p>

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

フロントエンドエンジニアのはやちです( ˘ω˘)☝ 以前までは顔隠しておりましたが思い切ることにしました…。 相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌ 今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL