[자바스크립트] 새창에 이미지 띄우기
공부방/자바스크립트 / 2009. 7. 23. 10:33
아래소스를 <head>와</head>사이에 넣어줍니다.
<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("<img src='" + imgObj.src + "'>");
imageWin.document.write("</body><html>");
imageWin.document.title = imgObj.src;
}
</script>
<body>와</body>사이에 넣어줍니다
<a href="javascript:showImgWin('이미지주소')">이미지 보기</a>
<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("<img src='" + imgObj.src + "'>");
imageWin.document.write("</body><html>");
imageWin.document.title = imgObj.src;
}
</script>
<body>와</body>사이에 넣어줍니다
<a href="javascript:showImgWin('이미지주소')">이미지 보기</a>
'공부방 > 자바스크립트' 카테고리의 다른 글
| [자바스크립트] 링크를 클릭하면, 기존 창 닫고 새창 열기 (0) | 2009.07.31 |
|---|---|
| [자바스크립트] 사진 크기에 맞춰서 새창 띄우기 (0) | 2009.07.23 |
| [자바스크립트] A tag와 javascript 창 관련 (0) | 2009.07.23 |
| [자바스크립트] IE에 따른 창 종료하기 (0) | 2009.07.23 |
| [자바스크립트] 화면중앙에 새창뛰우기 (0) | 2009.07.23 |