소마스토커 (졸졸이 애드온)에 이미지 맵 사용하기

현재 소마세월님에 제공해주신 졸졸이 애드온은 상당히 많은 분들이 사용을 하고 계실것이다.

이 졸졸이 애드온을 이용하여 우측에 퀵메뉴를 만들어 사용하는것을 해보자.

퀵메뉴는 아래에 있는 이미지와 같다.
 
위와 같은 이미지를 사용한다고 했을때..

/zbxe/addons/alway_stalker/alway_stalker.lib.php 파일에서 15번째 줄정도에 아래와 같은 소스가 있을 것이다.
참고로 난 내 서버 홈디렉토리에 img라는 폴더를 따로 만들어서 sider.gif 이미지를 넣어 두었다.

<!--  이부분을 꾸며서 넣으시기 바랍니다. ^^; -->

<DIV id='alwayStalker' style='position:absolute;z-index:9;'>
   <a href='#' onclick='this.blur();'><img src='/img/sider.jpg'></a>
</div>

위 이미지에 홈, top, 포토폴리오, 배경이미지 부분을 이미지맵으로 처리해서 링크를 걸것이다.
그렇담 아래와 같이 소스를 변경해서 사용하면 된다.

<!--  이부분을 꾸며서 넣으시기 바랍니다. ^^; -->

<DIV id='alwayStalker' style='position:absolute;z-index:9;'>   
   <img src='/img/sider.gif' border='0' usemap='#ImageMap3'>      
</div>   
<div>   
<map name='ImageMap3'>   
  <area shape='rect' coords='1,1,40,35' href='https://moonhouse.co.kr/zbxe' onfocus='this.blur()'>
  <area shape='rect' coords='40,1,73,35' href='#' onfocus='this.blur()'>
  <area shape='rect' coords='6,50,70,84' href='https://moonhouse.co.kr/zbxe/folio' onfocus='this.blur()'>
  <area shape='rect' coords='5,84,69,117' href='https://moonhouse.co.kr/zbxe/xeimg' onfocus='this.blur()'>
</map>   
</div> 

이미지맵은 나모나 드림위버에서 사용하는 법을 아실것이라 보고 설명을 한다.

여기서 중요한것은
이미지맵 링크 정보를 또다른 <div>를 하나 만들어서 사용해야 에러없이 돌아 간다는 것이다.

팁이라고 해봐야 별것 아니지만...
그래도 <div> 따로 만들어서 처리하면 된다는걸 알아냈음..ㅋㅋㅋ

위의 내용은 잡다한 몽상백과의 똑띠님의 팁입니다.