팝업관리자 마지막 난관 입니다 *^^*
팝업관리자에 이미지맵까지 사용할 수 있게 하는데 성공했습니다. ㅎㅎ
그런데, 문제가 그림처럼 링크가 걸린 위치에 마우스가 갔을 때 포인터로 바뀌어야 하는데
그냥 drag에 사용하는 움직이는 커서 그대로에요. ㅠ..ㅠ...
http://www.opencode.co.kr 을 보시면 예제 팝업창이 있어요.
해당부분 코드...
<span id="writeContents" style="overflow:hidden;width:<?=$list[$i][wr_5]?>;height:<?=$list[$i][wr_6]?>"><img src="<?=$img_url;?>" usemap="#<?=$list[$i][wr_9]?>"><?=conv_content_rev($list[$i][wr_content]);?></span>
위에 img src ... 요기서 스타일을 정의해야 하나요??? 아니면 map에서 해야 하나요???
<img src="imgmap.gif" alt="imgmap.gif" usemap="#001" border="0">
<map name="001">
<area shape="rect" coords="42,41,154,66" href="/01/homepage.php" target="_blank">
<area shape="rect" coords="42,76,152,100" href="/03/html.php" target="_blank">
<area shape="rect" coords="40,113,150,138" href="/05/html2.php" target="_blank">
</map>
그런데, 문제가 그림처럼 링크가 걸린 위치에 마우스가 갔을 때 포인터로 바뀌어야 하는데
그냥 drag에 사용하는 움직이는 커서 그대로에요. ㅠ..ㅠ...
http://www.opencode.co.kr 을 보시면 예제 팝업창이 있어요.
해당부분 코드...
<span id="writeContents" style="overflow:hidden;width:<?=$list[$i][wr_5]?>;height:<?=$list[$i][wr_6]?>"><img src="<?=$img_url;?>" usemap="#<?=$list[$i][wr_9]?>"><?=conv_content_rev($list[$i][wr_content]);?></span>
위에 img src ... 요기서 스타일을 정의해야 하나요??? 아니면 map에서 해야 하나요???
<img src="imgmap.gif" alt="imgmap.gif" usemap="#001" border="0">
<map name="001">
<area shape="rect" coords="42,41,154,66" href="/01/homepage.php" target="_blank">
<area shape="rect" coords="42,76,152,100" href="/03/html.php" target="_blank">
<area shape="rect" coords="40,113,150,138" href="/05/html2.php" target="_blank">
</map>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
function over(id, cursorVal)
{
document.getElementById(id).style.cursor = cursorVal;
}
function out(id)
{
document.getElementById(id).style.cursor = 'default';
}
</script>
<span id="writeContents" ...>
<img src="http://sir.co.kr/data/file/g4_qa/2106568284_4d75cf77_Clipboard01.jpg" alt="imgmap.gif" usemap="#001" border="0">
</span>
<map name="001">
<area shape="rect" coords="0,0,464,100" onmouseover="over('writeContents', 'crosshair');" onmouseout="out('writeContents');" ...>
<area shape="rect" coords="0,100,464,200" onmouseover="over('writeContents', 'pointer');" onmouseout="out('writeContents');" ...>
<area shape="rect" coords="0,200,464,337" onmouseover="over('writeContents', 'help');" onmouseout="out('writeContents');" ...>
</map>
기억이 맞다면 아마도 imagemap만 전문으로 하는 프로그램에서 본것 같습니다.