http://www.maschek.hu/imagemap/imgmap
위 사이트에서 이미지를 URL로 불러와서 링크태그생성 가능하다.
사용예)
<ul class="subpage5">
<li><img src="/images/sub/sub0/sub5/1_text.jpg" alt="" usemap="#imgmap01" /></li>
<li><img src="/images/sub/sub0/sub5/2_text.jpg" alt="" usemap="#imgmap02" /></li>
<li><img src="/images/sub/sub0/sub5/3_text.jpg" alt="" usemap="#imgmap03" /></li>
<li><img src="/images/sub/sub0/sub5/4_text.jpg" alt="" usemap="#imgmap04" /></li>
<li><img src="/images/sub/sub0/sub5/5_text.jpg" alt="" usemap="#imgmap05" /></li>
<li><img src="/images/sub/sub0/sub5/6_text.jpg" alt="" usemap="#imgmap07" /></li>
<li><img src="/images/sub/sub0/sub5/7_text.jpg" alt="" usemap="#imgmap06" /></li>
</ul>
<p><br/></p>
<map id="imgmap01" name="imgmap01">
<area shape="rect" alt="" title="사이트이동" coords="468,223,627,247" href="/s1/" target="" /></map>
<map id="imgmap02" name="imgmap02">
<area shape="rect" alt="" title="사이트이동" coords="470,221,628,246" href="/s2/" target="" /></map>
<map id="imgmap03" name="imgmap03">
<area shape="rect" alt="" title="사이트이동" coords="468,223,627,247" href="javascript:;" target="" /></map>
<map id="imgmap04" name="imgmap04">
<area shape="rect" alt="" title="사이트이동" coords="470,221,628,246" href="javascript:;" target="" /></map>
<map id="imgmap05" name="imgmap05">
<area shape="rect" alt="" title="사이트이동" coords="468,223,627,247" href="/s5/" target="" /></map>
<map id="imgmap06" name="imgmap06">
<area shape="rect" alt="" title="사이트이동" coords="470,221,628,246" href="/s6/" target="" /></map>
<map id="imgmap07" name="imgmap07">
<area shape="rect" alt="" title="사이트이동" coords="470,221,628,246" href="/s7/" target="" /></map>
무료디자인소스(웹사이트+모바일앱전용) 다운로드 받을 수 있는 곳 (0) | 2013.09.10 |
---|---|
크롬 브라우져에서 스크린캡쳐 또는 반디카메라 사용 (0) | 2013.07.21 |
웹용 이미지를 온라인상에서 편집 할 수 있는 곳 (0) | 2012.08.22 |
인터넷 방송국 지원현황(현재) (0) | 2012.06.16 |
공인인증서의 파일위치와 ISP(안전결제) 파일위치(xp와 비스타,win7) (0) | 2012.06.10 |
댓글 영역