| html 파일 없이 이미지 크기대로 창 띄우기 - 스크립트소스 |
|
|
  |
12년 전
|
<script language="JavaScript">
<!--
var imgObj = new Image();
function showImgWin(imgName) {
imgObj.src = imgName;
setTimeout("createImgWin(imgObj)", 100);
}
function createImgWin(imgObj) {
if (! imgObj.complete) {
setTimeout("createImgWin(imgObj)", 100);
return;
}
imageWin = window.open("", "imageWin",
"width=" + imgObj.width + ",height=" + imgObj.height);
imageWin.document.write("<html><body style='margin:0'>");
imageWin.document.write("<a href=javascript:window.close()><img src='" + imgObj.src + "' border=0 alt=클릭하시면 닫침니다.></a>");
imageWin.document.write("</body><html>");
imageWin.document.title = "이미지 확대보기";
}
-->
</script>
링크는 아래와 같이 ▼▼
<a href="javascript:showImgWin('imgURL')"><img src="imgURL" width="100" height="100" border=0></a>
작은 이미지를 클릭해서 원래의 크기대로 html 파일 없이
새창으로 뜨고 이미지를 클릭했을 때 닫는 소스입니다.
링크에 imgURL 에 이미지 주소를 넣습니다.
위와 같이 하였을 때, 브라우저보다 큰 이미지.. 모티터 해상도를 오버하는 이미지는 가로든 세로든
100%로 한쪽을 맞춰서 줄여서 보여집니다.
|
|
 추천 : 680 |
추천
목록
|
|
