クリッカブルマップをスマホでも使えるようにしたい
- 普通にクリッカブルマップを作成する
- jQuery RWD Image MapsからJSファイルをDL
- コードを記入
<script type="text/javascript" src="jquery-1.11.0.min.js"></script> <script type="text/javascript" src="jquery.rwdImageMaps.js"></script> <script> $(function(){ $('img[usemap]').rwdImageMaps(); }); </script>
※function()が2個になるなど複数記入したい場合は以下で
<script type="text/javascript"> window.onload = function () { // ページ読み込み時 funcAdd1(); // 他のコード funcAdd2(); // イメージマップ } function funcAdd1() { 他のコード function funcAdd2(){ $(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); $('area').on('click', function() { alert($(this).attr('alt') + ' clicked'); }); }); } </script>