CHAKOIRO’s BLOG 関西のフリーランスWEB制作者のWEB知識備忘録 > 便利なプラグイン・ジェネレーター > [プラグイン]クリッカブルマップをレスポンシブサイトにも適用させたいなら「jQuery RWD Image Maps」

[プラグイン]クリッカブルマップをレスポンシブサイトにも適用させたいなら「jQuery RWD Image Maps」

最終更新日：2021.10.01 [金]　公開日：2017.07.21 [金]　カテゴリー：便利なプラグイン・ジェネレーター

Pocket

使う機会はすごく減って来た気はするのですが、やはりたまに必要なクリッカブルマップ。
レスポンシブ対応のサイトだと、スマホから見ると、マップの位置というか座標がぐぐっとずれて、全然ダメなんですよね・・・

そんな時に便利すぎるプラグイン「jQuery RWD Image Maps」。
MITライセンスです。
これでスマホでもPCでも、クリッカブルマップが使える！

https://github.com/stowball/jQuery-rwdImageMaps

こちらから落として来て読み込ませて実行させましょう。

<script src="jquery.js"></script>
<script src="jquery.rwdImageMaps.js" type="text/javascript"></script>

<script> 
$(document).ready(function(e) {
     $('img[usemap]').rwdImageMaps(); }); 
</script>

$(document).ready(function(e) {

$('img[usemap]').rwdImageMaps(); });

</script>

あとは普通にクリッカブルマップを適用します。

それだけです！！
とっても簡単です。

たまに使うクリッカブルマップに、とても便利なプラグインです。

TOPへ戻る

NEXT: [WPプラグイン]WoredPressに写真をアップしたらなぜか縦横が変わる件について

[プラグイン]クリッカブルマップをレスポンシブサイトにも適用させたいなら「jQuery RWD Image Maps」

おすすめの関連記事

コメントを残すコメントをキャンセル

[プラグイン]クリッカブルマップをレスポンシブサイトにも適用させたいなら「jQuery RWD Image Maps」

おすすめの関連記事

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル