Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- SpringBoot
- 쇼핑몰
- 서비스 기획
- 회고
- UI
- 자바스크립트
- UX
- 회고록
- html
- tag
- PM부트캠프
- 프로덕트 매니저
- kpt회고
- 서비스 기획자
- jquery
- CSS
- PO
- 스프링부트
- 데이터분석
- 생활코딩
- 서비스기획
- 서비스분석
- 스프링
- 프로젝트 매니저
- 코드스테이츠
- 데이터
- javascript
- 코딩
- db
- PM
Archives
- Today
- Total
목록반응형 (1)
콘텐츠기획자의 IT입문서
이미지의 부분마다 다르게 링크를 연결하기 : img map 반응형
IMG MAP 이미지의 부분마다 링크를 다르게 연결하고 싶다면 을 사용해주면 된다. 이미지 태그에는 usemap="#맵핑명" 을 추가해주고 맵 태그에는 name="맵핑명" 으로 연결해주면 적용이 된다 :) 좌표는 어떻게 구할까? 라고 한다면 포토샵, 그림판과 같은 이미지 에디터 프로그램을 통해 구할 수 있다. 포토샵으로도 좌표를 구해봤지만 이상한 곳으로 좌표가 찍히길래 그림판으로 좌표를 찾아서 적용했더니 정상 작동한다! 참고로 서치하다 image map 에디터 사이트를 발견해서 나중에 쓸 일 있을까 해서 기록해 둔다. http://maschek.hu/imagemap/imgmap/ maschek.hu - Online Image Map Editor maschek.hu 반응형 MAP 좌표 기준이기 때문에 ..
HTML, CSS
2022. 4. 6. 11:37