이미지의 특정위치를 사각박스로 표시합니다
페이지 정보
작성자 서방님 댓글 0건 조회 210회 작성일 07-08-11 16:03본문
<html>
<head>
<title>BLUEB</title>
<script language=javaScript>
var imgurl="http://www.blueb.co.kr/SRC/javascript/image1/panel.jpg"
var markerurl="http://www.blueb.co.kr/SRC/javascript/image1/nemo.gif"
var x_imgposition=5
var y_imgposition=10
var preloadimgurl=new Image()
preloadimgurl.src="imgurl
var preloadmarkerurl=new Image()
preloadmarkerurl.src="markerurl
var isloaded=false
function initiate() {
if(document.all) {
yourimage.innerHTML="<img src="+imgurl+">"
document.all.yourimage.style.posLeft=x_imgposition
document.all.yourimage.style.posTop=y_imgposition
markerimage.innerHTML="<img src="+markerurl+">"
document.all.markerimage.style.posLeft=x_imgposition
document.all.markerimage.style.posTop=y_imgposition
isloaded=true
}
if(document.layers) {
document.yourimage.document.write("<img src="+imgurl+">")
document.yourimage.document.close()
document.yourimage.left=x_imgposition
document.yourimage.top=y_imgposition
document.markerimage.document.write("<img src="+markerurl+">")
document.markerimage.document.close()
document.markerimage.left=x_imgposition
document.markerimage.top=y_imgposition
isloaded=true
}
}
function setmarkerto(x_pos,y_pos) {
if(document.all && isloaded) {
var x_marker=eval(x_pos)+eval(x_imgposition)
var y_marker=eval(y_pos)+eval(y_imgposition)
document.all.markerimage.style.posLeft=x_marker
document.all.markerimage.style.posTop=y_marker
}
if(document.layers && isloaded) {
var x_marker=eval(x_pos)+eval(x_imgposition)
var y_marker=eval(y_pos)+eval(y_imgposition)
document.markerimage.left=x_marker
document.markerimage.top=y_marker
}
}
</script>
</head>
<body onLoad="initiate()">
아래 링크를 클릭하면 해당 위치에 사각박스를 표시합니다.<br>
<b>
| <a href="javascript:setmarkerto('2','240')">지방세 고지서</a>
| <a href="javascript:setmarkerto('2','370')">운영진이 몸담고 있는 회사/사진</a>
| <a href="javascript:setmarkerto('200','220')">스케치</a>
| <a href="javascript:setmarkerto('310','520')">사진전 티켓</a>
| <a href="javascript:setmarkerto('0','520')">치약</a>
| </b>
<table cellpadding=0 cellspacing=0 border=0 style="position:relative">
<td height=750>
<div id="yourimage" style="position:absolute;left:0px;top:0px;"></div>
<div id="markerimage" style="position:absolute;left:0px;top:0px"></div>
</td>
</table>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
