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

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

これね
参考:

クリッカブルマップ

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

実装方法

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

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

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

 

お問い合わせ

    お気軽にお問い合わせください。
    お電話やご訪問での営業はいたしませんので、ご安心ください。

    お名前

    メールアドレス

    電話番号

    お問い合わせ内容