웹디자인 이미지맵 적용
PC, 타블렛, 모바일 반응형?으로 제작된 페이지입니다.
플랫폼 검색을 통해 나온 방법들은 거의 시도해본 것 같습니다.
원래 있는 코드를 수정하려니 더 어려운 것 같네요ㅠㅠ
이미지맵으로 버튼을 만들어 똑같이 반응형으로 적용하고 싶은데
PC페이지에만 이미지맵이 적용이 되고 타블렛, 모바일페이지에는 적용이 안 돼서 질문드립니다.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script>
<script>
$('img[usemap]').rwdImageMaps()
</script>
는 반응형 적용시 삽입하는 코드로 </head>윗부분, </map>아랫부분 등 다양하게 시도해봤습니다!
아래는 전체 코드입니다.
Copy
제목
$('img[usemap]').rwdImageMaps()
성공적으로 전송하였습니다!
전송에 실패하였습니다 페이지 새로고침 후 다시 시도해주세요.
보내기
\
###
###
###｜
###
빠른 상담신청
서울/경기
+82 ###
강원
+82 ###
부산/영남
+82 ###
서울/경기
강원
부산/영남
법인명(상호) : ｜ CEO :
주소 :｜
사업자 등록번호 안내 : ｜ TEl : ｜
E-mail : ｜ 개인정보보호책임자 :
답변 1개
eyekiss
4년 전
이렇게 수정해보세요..
Copy
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인