묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
크롬리스 윈도우에서 이미지맵 적용이 안되는건가요?
2003.09.12 02:23
http://mokitbul.sshel.com/discovery/example.htm
이라는 페이지를 보시면 아시겠지만, 크롬리스윈도우를 이용해 페이지를 제작하고 있는데요
이미지맵을 사용하니 그냥 일반 익스창에서는 이미지앱이 나타나는데
크롬리스윈도우 안에 들어가면 이미지맵이 나타나지 않습니다.
위 경로에서 우측 메뉴를 눌러보시면 아실 수 있겠지만, 예로 소스 하나 첨부하겠으니
아시는 분들 보시고 조언 부탁드립니다. 검색 해 봐도 알수가 없네요.
부탁드립니다.
--------예----------- http://mokitbul.sshel.com/discovery/se.html
<html>
<head>
<title>Discovery 2003 Vol.1</title>
<meta http-equiv="Content-Type" content="text/html;"></head>
<link rel="stylesheet" type= "text/css" href="style.css">
<script language="javascript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3){
init = "net";
}
else{
init = "ie";
}
if ((init == "net")||((init == "ie")&&(browserVer >= 4))){
image1on = new Image;
image1on.src = "../image/m_intro2.gif";
image1off = new Image;
image1off.src = "../image/m_intro.gif";
image2on = new Image;
image2on.src = "../image/m_repo2.gif";
image2off = new Image;
image2off.src = "../image/m_repo.gif";
image3on = new Image;
image3on.src = "../image/m_minho2.gif";
image3off = new Image;
image3off.src = "../image/m_minho.gif";
image4on = new Image;
image4on.src = "../image/m_ae2.gif";
image4off = new Image;
image4off.src = "../image/m_ae.gif";
image5on = new Image;
image5on.src = "../image/m_se2.gif";
image5off = new Image;
image5off.src = "../image/m_se.gif";
image6on = new Image;
image6on.src = "../image/m_s2.gif";
image6off = new Image;
image6off.src = "../image/m_s.gif";
}
function img_on(imgName)
{
if (((init == "net")&&(browserVer >=3))||((init == "ie")&&(browserVer >= 4))){
imgOn = eval(imgName + "on.src");
document[imgName].src = imgOn;
}
}
function img_off(imgName)
{
if (((init == "net")&&(browserVer >=3))||((init == "ie")&&(browserVer >= 4))){
imgOff = eval(imgName + "off.src");
document[imgName].src = imgOff;
}
}
</script>
<script>
var sRepeat=null;
function doScrollerIE(dir, src, amount) {
if (amount==null) amount=10;
if (dir=="up")
document.all[src].scrollTop-=amount;
else
document.all[src].scrollTop+=amount;
if (sRepeat==null)
sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100);
return false }
window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
window.document.ondragstart = new Function("return false");
</script>
<body style="background:##FFFFFF;border:0px" marginwidth="0" marginheight="0" leftmargin="0" topmargin=0>
<table width=800 height=500 border=0 cellspacing="0" cellpadding="0" style="table-layout: fixed;">
<tr>
<td width=596 border=0 cellspacing="0" cellpadding="0">
<table width=596 height=500 border=0 cellspacing="0" cellpadding="0" style="table-layout: fixed;">
<tr>
<td><img src=../image/border_t.gif border=0></td>
</tr>
<tr>
<td>
<table width=596 height=440 border=0 cellspacing="0" cellpadding="0">
<tr>
<td><img src=../image/border_l.gif border=0></td>
<td>
<table width=456 height=440 border=0 cellspacing="0" cellpadding="0">
<tr>
<td background="../image/border_bg.gif">
<table border=0 cellspacing="0" cellpadding="0">
<tr>
<td>
<img src=../image/se.gif border=0></td>
</tr>
<tr>
<td>
<div id=scroll style="overflow:hidden; width:439; height:396; padding:0; spacing:0;">
<img src=../image/se2.gif border=0 onfocus="blur()" usemap="#Map2">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td><img src=../image/border_r_p.gif border=0 usemap="#Map" onfocus="blur()"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src=../image/border_d.gif border=0></td>
</tr>
</table>
</td>
<td width=220 border=0 cellspacing="0" cellpadding="0"><a href="../file/intro.html" onMouseover="img_on('image1')" onMouseout="img_off('image1')"><img src=../image/m_intro.gif border=0 name="image1"></a><a href="../file/repo.html" onMouseover="img_on('image2')" onMouseout="img_off('image2')"><img src=../image/m_repo.gif border=0 name="image2"></a><a href="../file/minho.html" onMouseover="img_on('+ '+ 'image3')" onMouseout="img_off('image3')"><img src=../image/m_minho.gif border=0 name="image3"></a><a href="../file/ae.html" onMouseover="img_on('image4')" onMouseout="img_off('image4')"><img src=../image/m_ae.gif border=0 name="image4"></a><img src=../image/m_se2.gif border=0 name="image5"><a href="../file/s.html" onMouseover="img_on('image6')" onMouseout="img_off('+ 'image6')"><img src=../image/m_s.gif border=0 name="image6"></a>
</td>
</tr>
</table>
<map name="Map">
<area shape="poly" coords="10,39,14,123,36,122,35,38" href="../ByKlein_Chromeless/chromelessContent.htm">
</map>
<map name="Map2">
<area shape="rect" coords="66,45,429,65" href="#">
<area shape="rect" coords="174,70,429,90" href="#">
<area shape="rect" coords="261,93,430,113" href="#">
<area shape="rect" coords="234,118,429,139" href="#">
<area shape="rect" coords="304,143,431,164" href="#">
<area shape="rect" coords="182,169,428,187" href="#">
<area shape="rect" coords="325,196,429,214" href="#">
<area shape="rect" coords="209,219,429,239" href="#">
<area shape="rect" coords="61,244,427,264" href="#">
<area shape="rect" coords="193,272,428,289" href="#">
<area shape="rect" coords="290,297,427,317" href="#">
<area shape="rect" coords="171,319,428,339" href="#">
</map>
</body>
</html>
이라는 페이지를 보시면 아시겠지만, 크롬리스윈도우를 이용해 페이지를 제작하고 있는데요
이미지맵을 사용하니 그냥 일반 익스창에서는 이미지앱이 나타나는데
크롬리스윈도우 안에 들어가면 이미지맵이 나타나지 않습니다.
위 경로에서 우측 메뉴를 눌러보시면 아실 수 있겠지만, 예로 소스 하나 첨부하겠으니
아시는 분들 보시고 조언 부탁드립니다. 검색 해 봐도 알수가 없네요.
부탁드립니다.
--------예----------- http://mokitbul.sshel.com/discovery/se.html
<html>
<head>
<title>Discovery 2003 Vol.1</title>
<meta http-equiv="Content-Type" content="text/html;"></head>
<link rel="stylesheet" type= "text/css" href="style.css">
<script language="javascript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3){
init = "net";
}
else{
init = "ie";
}
if ((init == "net")||((init == "ie")&&(browserVer >= 4))){
image1on = new Image;
image1on.src = "../image/m_intro2.gif";
image1off = new Image;
image1off.src = "../image/m_intro.gif";
image2on = new Image;
image2on.src = "../image/m_repo2.gif";
image2off = new Image;
image2off.src = "../image/m_repo.gif";
image3on = new Image;
image3on.src = "../image/m_minho2.gif";
image3off = new Image;
image3off.src = "../image/m_minho.gif";
image4on = new Image;
image4on.src = "../image/m_ae2.gif";
image4off = new Image;
image4off.src = "../image/m_ae.gif";
image5on = new Image;
image5on.src = "../image/m_se2.gif";
image5off = new Image;
image5off.src = "../image/m_se.gif";
image6on = new Image;
image6on.src = "../image/m_s2.gif";
image6off = new Image;
image6off.src = "../image/m_s.gif";
}
function img_on(imgName)
{
if (((init == "net")&&(browserVer >=3))||((init == "ie")&&(browserVer >= 4))){
imgOn = eval(imgName + "on.src");
document[imgName].src = imgOn;
}
}
function img_off(imgName)
{
if (((init == "net")&&(browserVer >=3))||((init == "ie")&&(browserVer >= 4))){
imgOff = eval(imgName + "off.src");
document[imgName].src = imgOff;
}
}
</script>
<script>
var sRepeat=null;
function doScrollerIE(dir, src, amount) {
if (amount==null) amount=10;
if (dir=="up")
document.all[src].scrollTop-=amount;
else
document.all[src].scrollTop+=amount;
if (sRepeat==null)
sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100);
return false }
window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
window.document.ondragstart = new Function("return false");
</script>
<body style="background:##FFFFFF;border:0px" marginwidth="0" marginheight="0" leftmargin="0" topmargin=0>
<table width=800 height=500 border=0 cellspacing="0" cellpadding="0" style="table-layout: fixed;">
<tr>
<td width=596 border=0 cellspacing="0" cellpadding="0">
<table width=596 height=500 border=0 cellspacing="0" cellpadding="0" style="table-layout: fixed;">
<tr>
<td><img src=../image/border_t.gif border=0></td>
</tr>
<tr>
<td>
<table width=596 height=440 border=0 cellspacing="0" cellpadding="0">
<tr>
<td><img src=../image/border_l.gif border=0></td>
<td>
<table width=456 height=440 border=0 cellspacing="0" cellpadding="0">
<tr>
<td background="../image/border_bg.gif">
<table border=0 cellspacing="0" cellpadding="0">
<tr>
<td>
<img src=../image/se.gif border=0></td>
</tr>
<tr>
<td>
<div id=scroll style="overflow:hidden; width:439; height:396; padding:0; spacing:0;">
<img src=../image/se2.gif border=0 onfocus="blur()" usemap="#Map2">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td><img src=../image/border_r_p.gif border=0 usemap="#Map" onfocus="blur()"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src=../image/border_d.gif border=0></td>
</tr>
</table>
</td>
<td width=220 border=0 cellspacing="0" cellpadding="0"><a href="../file/intro.html" onMouseover="img_on('image1')" onMouseout="img_off('image1')"><img src=../image/m_intro.gif border=0 name="image1"></a><a href="../file/repo.html" onMouseover="img_on('image2')" onMouseout="img_off('image2')"><img src=../image/m_repo.gif border=0 name="image2"></a><a href="../file/minho.html" onMouseover="img_on('+ '+ 'image3')" onMouseout="img_off('image3')"><img src=../image/m_minho.gif border=0 name="image3"></a><a href="../file/ae.html" onMouseover="img_on('image4')" onMouseout="img_off('image4')"><img src=../image/m_ae.gif border=0 name="image4"></a><img src=../image/m_se2.gif border=0 name="image5"><a href="../file/s.html" onMouseover="img_on('image6')" onMouseout="img_off('+ 'image6')"><img src=../image/m_s.gif border=0 name="image6"></a>
</td>
</tr>
</table>
<map name="Map">
<area shape="poly" coords="10,39,14,123,36,122,35,38" href="../ByKlein_Chromeless/chromelessContent.htm">
</map>
<map name="Map2">
<area shape="rect" coords="66,45,429,65" href="#">
<area shape="rect" coords="174,70,429,90" href="#">
<area shape="rect" coords="261,93,430,113" href="#">
<area shape="rect" coords="234,118,429,139" href="#">
<area shape="rect" coords="304,143,431,164" href="#">
<area shape="rect" coords="182,169,428,187" href="#">
<area shape="rect" coords="325,196,429,214" href="#">
<area shape="rect" coords="209,219,429,239" href="#">
<area shape="rect" coords="61,244,427,264" href="#">
<area shape="rect" coords="193,272,428,289" href="#">
<area shape="rect" coords="290,297,427,317" href="#">
<area shape="rect" coords="171,319,428,339" href="#">
</map>
</body>
</html>