クリッカブルマップをレスポンシブ対応する jQuery

スポンサーリンク

最近あんま見なくなったクリッカブルマップをレスポンシブ対応させて欲しいとお願いされたので、備忘録として残します。

これね
参考:

クリッカブルマップ

<map name=”…”>~</map>って書く、画像の上にクリック領域を作るものです。
地図なんかだと未だに使えると思う。CSSでわちゃわちゃやるよりも簡単です。

スポンサーリンク

実装方法

まずは画像にクリッカブルマップが設定されていることが前提です。
Dreamweaverとかで簡単に作れます。

そしてjQuery RWD Image Mapsを読み込ませれば、クリッカブルマップがレスポンシブになります。

以下参考ソースです。適宜、HTML内にに記述して下さい。

 

ABOUTこの記事をかいた人

dsuga

20代中頃まで、音楽をやりながらプラプラ。ドラム。
司法書士試験の勉強を1年強するも、落ちたのでとりあえずシステム会社に就職する。
仕事では主にWEBサイトの制作に携わり、ディレクター・デザイン・コーディング・プログラムはひと通りやった。
最近ではアプリ開発も行う。
次をどうしようか考えてる。
独立しました。

残飯処理担当。
出されたものは残さないがモットー。

TwitterやFacebookの申請大歓迎です。