모바일 이미지맵 적용 정보
모바일 이미지맵 적용
첨부파일
본문
모바일에서 이미지맵 적용입니다.
<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>
<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>
추천
6
6
댓글 5개
오 꿀팁이네요 감사합니다
감사합니다
팁감사합니다.^^
좋은 팁 감사합니다.^^
아이폰에서는 앙대여 ㅜㅜ
https://github.com/stowball/jQuery-rwdImageMaps
https://github.com/stowball/jQuery-rwdImageMaps