일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 어도비컬러
- 웹크롤링
- 창업
- 구매대행프로그램
- jQuery
- 크롤링
- 돈버는방법
- Menu
- 사이트등록
- 춘천시청
- 더블유커머스
- 검색등록
- 타오바오
- 네이버모두
- 스마트스토어
- 모두홈페이지제작
- 쿠팡
- 해외구매대행
- 모두홈페이지검색등록
- 제이쿼리
- 네이버웹마스터도구
- 치질방석
- 디지털노마드
- 모두홈페이지
- 무료이미지다운로드
- 구글검색등록
- 스톤모두
- 네이버검색등록
- 네이버검색
- 제이쿼리메뉴
Archives
- Today
- Total
퍼블리셔 커피찬우유
반응형 이미지 맵 - jQuery-rwdImageMaps 본문
반응형
반응형 이미지 맵 제이쿼리 (jQuery-rwdImageMaps)
반응형에서 이미지 맵을 사용할 때 이미지의 비율로 줄어들어 이미지 맵을 사용하기 어려웠습니다.
하지만, 반응형 이미지 맵 제이쿼리만 사용하면 그런 걱정은 안해도됩니다.^^
아래의 사용법 확인 후 적용 하여 사용해보세요.
사용 github url - https://github.com/stowball/jQuery-rwdImageMaps
사용 방법 - jQuery RWD Image Maps
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
데모사이트는 아래링크로 확인해보세요
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html
혹시 내용이 도움 되었다면 유튜브 채널오셔서 다양한 정보 보시고
구독과 좋아요 부탁드립니다.
감사합니다.
스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1
스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo
스톤모두 모두홈페이지 : https://stone.modoo.at/
스톤모두 워드프레스 홈페이지 : https://stonemodoo.com/
반응형
Comments