Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kaoru-fukusato/e7b9589cb0c51b475a5b96b47e3259ec to your computer and use it in GitHub Desktop.
Save kaoru-fukusato/e7b9589cb0c51b475a5b96b47e3259ec to your computer and use it in GitHub Desktop.
クリッカブルマップをスマホでも使えるようにしたい
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment