모바일 이미지맵 적용 > 그누보드5 팁자료실

그누보드5 팁자료실

모바일 이미지맵 적용 정보

모바일 이미지맵 적용

첨부파일

jquery.rwdImageMaps.min.js (1.1K) 291회 다운로드 2016-10-20 14:31:02

본문

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


<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

댓글 5개

전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT