테스트 사이트 - 개발 중인 베타 버전입니다

모바일 이미지맵 적용

모바일에서 이미지맵 적용입니다.


<map name="vline02.jpg">
<area shape="rect" coords="678,52,1111,184" href="" target="" alt="" />
<area shape="rect" coords="812,213,1095,265" href="" target="_blank" alt="" />
<area shape="rect" coords="812,307,1092,363" href="" target="_blank" alt="" />
<area shape="rect" coords="814,404,1092,457" href="" target="_blank" alt="" />

</map>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="경로/jquery.rwdImageMaps.min.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();

});
</script>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

오 꿀팁이네요 감사합니다
팁감사합니다.^^
좋은 팁 감사합니다.^^
아이폰에서는 앙대여 ㅜㅜ
https://github.com/stowball/jQuery-rwdImageMaps

게시글 목록

번호 제목
24318
24317
24315
24309
24294
24293
24277
24262
24260
24253
24251
24236
24233
24228
24226
24221
24214
24203
24201
24199
24196
24195
24194
24192
24191
24187
24185
24183
24172
24168