이미지 클릭시 새창으로 원본 이미지 띄우기 정보
이미지 클릭시 새창으로 원본 이미지 띄우기
본문
이미지 혹은 문자 클릭시 새창으로 원본 이미지가 자동으로 리사이징되고,
이미지를 클릭시 창이 닫히는...건 어떻게하나요??
고수님들 도와주세요...
이미지를 클릭시 창이 닫히는...건 어떻게하나요??
고수님들 도와주세요...
댓글 전체
위의 링크 강좌 수정했습니다. 수정된 내용은 다음과 같습니다.
새로운 스크립트를 발견해서요..
<script type="text/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;
}
imgwin = window.open("", "imageWin","width=" + imgObj.width + ",height=" + imgObj.height);
imgwin.document.write("<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>");
imgwin.document.write("<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' />"); // euc-kr? utf-8?
imgwin.document.write("<title>큰이미지</title>"); // 새창 페이지 제목
imgwin.document.write("</head><body style='margin:0px;padding:0px'>");
imgwin.document.write("<img src='" + imgObj.src + "' style='cursor:pointer; border: 1px solid #DDDDDD;' onclick='self.close();' alt='이미지를 클릭하시면 창이 닫힙니다.' />");
imgwin.document.write("</body><html>");
imgwin.document.title = imgObj.src;
}
//-->
</script>
<a href="javascript:showImgWin('v6/images/index_customer.jpg')">새창으로 이미지 뜨기</a>
새로운 스크립트를 발견해서요..
<script type="text/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;
}
imgwin = window.open("", "imageWin","width=" + imgObj.width + ",height=" + imgObj.height);
imgwin.document.write("<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>");
imgwin.document.write("<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' />"); // euc-kr? utf-8?
imgwin.document.write("<title>큰이미지</title>"); // 새창 페이지 제목
imgwin.document.write("</head><body style='margin:0px;padding:0px'>");
imgwin.document.write("<img src='" + imgObj.src + "' style='cursor:pointer; border: 1px solid #DDDDDD;' onclick='self.close();' alt='이미지를 클릭하시면 창이 닫힙니다.' />");
imgwin.document.write("</body><html>");
imgwin.document.title = imgObj.src;
}
//-->
</script>
<a href="javascript:showImgWin('v6/images/index_customer.jpg')">새창으로 이미지 뜨기</a>
이걸 어디에 삽입해야 하면 되는지요?
참고로 http://www.csrzy.com/board/bbs/board.php?bo_table=event_wed
요기서 갤러리 게시판의 사진을 클릭하면 새창이 안뜨고 그냥 사진이 전체창으로 뜨는데, 이걸 새창으로 띄울려면 어떻게 하는지 좀 부탁 드립니다. 그누보드 초보라..ㅠ.ㅠ
고수분들의 도움 간절히 기다립니다.
참고로 http://www.csrzy.com/board/bbs/board.php?bo_table=event_wed
요기서 갤러리 게시판의 사진을 클릭하면 새창이 안뜨고 그냥 사진이 전체창으로 뜨는데, 이걸 새창으로 띄울려면 어떻게 하는지 좀 부탁 드립니다. 그누보드 초보라..ㅠ.ㅠ
고수분들의 도움 간절히 기다립니다.