묻고답하기
이미지 맵을 이용한 이미지 확대..
2003.12.31 19:11
문제의 소스입니다
==================================================================================================
<HTML>
<HEAD>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function swapimg(str){
var name=str;
document.write("<div id=titleimg class=titlediv style='position:absolute; left:400;top:0;width:200;height:200;");
document.write("overflow:no;padding-top:0;padding-left:0;padding-bottom:0; border: 1px solid #0F3067; ");
document.write("visibility:visible; z-index:1'><img src='http://211.213.162.89:8080/test/" + name + "'></div>");
}
//-->
</SCRIPT>
<BODY>
<img src="http://211.213.162.89:8080/test/test.jpg" width=200 height=200 usemap="#testmap">
<map name="testmap">
<area shape="circle" coords="62, 47, 40" onclick="swapimg('tire.jpg')">
<area shape="rect" coords="97, 95, 134, 128" onclick="swapimg('handle.jpg')">
</map>
<div id=divtest
style='position:absolute; left:400;top:0;width:200;height:200;
overflow:no;padding-top:0;padding-left:0;padding-bottom:0; border: 1px solid #0F3067;
visibility:visible; z-index:1'>
<img src="">
</div>
</bODY>
</HTML>
=================================================================================================
test.jpg 이미지의 이미지맵을 클릭하면..
오른쪽에 있는 <div>영역에 해당하는 이미지..즉, tire.jpg 혹은 handle.jpg 를 보여주는것이 거든요
그런데 클릭하면 새로운 페이지로 이미지만 떨렁 나옵니다.
어떻게 해야 원본이미지도 그대로 있으면서 좌측에 새로운 이미지를 나타낼수 있는지요..
도와주세요..
==================================================================================================
<HTML>
<HEAD>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function swapimg(str){
var name=str;
document.write("<div id=titleimg class=titlediv style='position:absolute; left:400;top:0;width:200;height:200;");
document.write("overflow:no;padding-top:0;padding-left:0;padding-bottom:0; border: 1px solid #0F3067; ");
document.write("visibility:visible; z-index:1'><img src='http://211.213.162.89:8080/test/" + name + "'></div>");
}
//-->
</SCRIPT>
<BODY>
<img src="http://211.213.162.89:8080/test/test.jpg" width=200 height=200 usemap="#testmap">
<map name="testmap">
<area shape="circle" coords="62, 47, 40" onclick="swapimg('tire.jpg')">
<area shape="rect" coords="97, 95, 134, 128" onclick="swapimg('handle.jpg')">
</map>
<div id=divtest
style='position:absolute; left:400;top:0;width:200;height:200;
overflow:no;padding-top:0;padding-left:0;padding-bottom:0; border: 1px solid #0F3067;
visibility:visible; z-index:1'>
<img src="">
</div>
</bODY>
</HTML>
=================================================================================================
test.jpg 이미지의 이미지맵을 클릭하면..
오른쪽에 있는 <div>영역에 해당하는 이미지..즉, tire.jpg 혹은 handle.jpg 를 보여주는것이 거든요
그런데 클릭하면 새로운 페이지로 이미지만 떨렁 나옵니다.
어떻게 해야 원본이미지도 그대로 있으면서 좌측에 새로운 이미지를 나타낼수 있는지요..
도와주세요..