クリッカブルマップをスマホでも使えるようにしたい

  1. 普通にクリッカブルマップを作成する
  2. jQuery RWD Image MapsからJSファイルをDL
  3. コードを記入
<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>