[プラグイン]クリッカブルマップをレスポンシブサイトにも適用させたいなら「jQuery RWD Image Maps」
最終更新日:2021.10.01 [金] 公開日:2017.07.21 [金] カテゴリー:便利なプラグイン・ジェネレーター
使う機会はすごく減って来た気はするのですが、やはりたまに必要なクリッカブルマップ。
レスポンシブ対応のサイトだと、スマホから見ると、マップの位置というか座標がぐぐっとずれて、全然ダメなんですよね・・・
そんな時に便利すぎるプラグイン「jQuery RWD Image Maps」。
MITライセンスです。
これでスマホでもPCでも、クリッカブルマップが使える!
https://github.com/stowball/jQuery-rwdImageMaps
こちらから落として来て読み込ませて実行させましょう。
1 2 3 4 5 6 7 |
<script src="jquery.js"></script> <script src="jquery.rwdImageMaps.js" type="text/javascript"></script> <script> $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); }); </script> |
あとは普通にクリッカブルマップを適用します。
それだけです!!
とっても簡単です。
たまに使うクリッカブルマップに、とても便利なプラグインです。
コメントを残す