정리/자료

이미지 위에 부분 툴팁

SAYO_ 2017. 3. 12.


예시



<img src="이미지 주소"  usemap="#이름">


<map name="이름">

<area shape="rect" coords="x1,x2, y1,y2" href="이동할 주소" title="툴팁에 나올 글">

.

.

.

</map>



이미지 주소는 블로그 사진으로 한번 불러오고

미리보기로 이미지 주소 복사


href는 없어도 문제 없음


디자인도 바꿀 수 있는 모양인데

조금 더 찾아봐야...


x1,x2는 왼쪽 위

y1,y2는 오른쪽 아래

미리보기로 이미지 복사해서 그림판으로 찾으면 됨



pc에서 마우스 올리면 이렇게 보이는데

상당한 노가다지만 해볼 가치는 있는듯...



댓글