테스트 사이트 - 개발 중인 베타 버전입니다
SIR

HTML에 얹히지 않은 이미지팝업(화면 중앙으로)

醉生夢死™
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 4533 · 1
HTML에 얹지않고, image만 경로로 잡아서, 팝업을 띄울만한 소스가 필요했습니다.
검색으로 얻어진 몇가지 소스를 병합해봤습니다.

불여우도 잘 되네요.^^


<html>
<head>
<title> HTML에 얹히지 않은 이미지팝업(화면 중앙으로) </title>

<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;
}

var pop_left = parseInt((screen.availWidth/2) - (imgObj.width/2));
var pop_top = parseInt((screen.availHeight/2) - (imgObj.height/2));

imageWin = window.open("", "_blank","width=" + imgObj.width + ",height=" + imgObj.height + ",top="+pop_top+",left="+pop_left+",toolbar='no',location='no',directories='no',status='no',menubar='no',scrollbars='no',resizable='no'");
imageWin.document.writeln("<html>");
imageWin.document.writeln("<head>");
imageWin.document.writeln("<title>기본 화면 Title</title>");
imageWin.document.writeln("</head>");
imageWin.document.writeln("<body leftmargin='0' marginwidth='0' topmargin='0' marginheight='0' onDragStart='return false' onSelectStart='return false' style='margin:0;'>");
imageWin.document.writeln(" <img src='" + imgObj.src + "' border='0' onClick='window.close();'>");
imageWin.document.writeln("</body>");
imageWin.document.writeln("<html>");
// imageWin.document.title = imgObj.src; //Title을 이미지 경로로 맞춘다면 주석해제!!!

}

-->
</script>

</head>

<body>
<!-- -->
<a href="JavaScript:showImgWin('이미지위치/이미지명');">팝업띄우기</a>

</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

명함아이
프로필 보기이 회원 글보기이 회원의 댓글보기
 19년 전
굿입니다.

게시글 목록

번호 제목
132
HTML HTML에 얹히지 않은 이미지팝업(화면 중앙으로) 1 현재글
128
HTML 사진을 액자에 넣기(액자 만들기) 3
126
HTML 초간단 스크롤 1
125
HTML 잘되는 센드메일 수신이 안될때...
122
HTML 글자를 쓰고나서 . . . 다른 글자 수정시 2
121
HTML textarea 에 Tab기능 넣기
120
HTML 자바스크립트 오류 메시지 감추기
119
HTML 붙여넣기 + 오른쪽 마우스 클릭 금지(익스만)
118
HTML 삼바 설정 간단 쉬운 쉽게
114
HTML 디지털 카메라로 찍은 이미지 밝게하기(설명은 포토샵 CS2 버젼용입니다) 4
108
HTML 특수문자 모음 5
107
HTML mqueue 설정(센드메일속도 UP)
104
HTML IE - 스크롤바 색상의 정확한 적용 2
102
HTML HTML Utopia:Designing Without Tables Using CSS 1
100
HTML 패스선택툴 1
98
HTML 작업내역 브러쉬 1
92
HTML 닷지툴 5
88
HTML 일러스트 메뉴얼. 3
77
HTML 첫 게시물..^^ 포토샵 단축키 10
76
HTML 아파치 (apache) 인증 만들기 htaccess
75
HTML vsftp에서 기본디렉토리 바꾸기 (ftp)
74
HTML 콘솔의 화면보호기능을 끄려면?
73
HTML 스왑 사용 안하기
71
HTML document.all("Object명") vs document.getElementsByName("Object명") 1
70
HTML 문자열 연결 CONCAT()
68
HTML 다중 파일들을 하나의 db필드 및 프로그램으로 제어하기 1
67
HTML 디렉토리 관련함수 [퍼옮]
66
HTML setcookie
63
HTML eregi() vs ereg() 2
62
HTML man 페이지 txt파일로 저장하기
이전 다음
전체 목록