이미지 뷰 정보
이미지 뷰
관련링크
http://1
309회 연결
본문
그누보드의 js폴더의 function image_window(img) 이 함수 있잖아요
어떻게 사용하는 건가요?
글쓸때 그림파일올리고 글 보기 하면 그림 리사이즈 되서 나오잖아요
그때 그 그림을 클릭하면 새창 뜨고 원크기의 그림 뜨고 다시 클릭하면 창 닫히고...
view.php파일에서만 구현 하던데...
갤러리 보드 만들려고 하는데 그림 클릭하면 작성글 view로 보는게 아니고
새창 떠서 그림만 보게 하고 싶어요..
-.-; 설명이 어려운듯...
갤리러 보드에서 리스트에서 그림 클릭하면 새창떠서 그림 나오게 하고 싶어요..
image_window()함수를 어떻게 쓰면 될 것 같은데..그냥 이 함수 그대로 써서 image_windows(그림파일) 이대로 하면 안되요...
방법 없을까요??
방법 없을까요?
어떻게 사용하는 건가요?
글쓸때 그림파일올리고 글 보기 하면 그림 리사이즈 되서 나오잖아요
그때 그 그림을 클릭하면 새창 뜨고 원크기의 그림 뜨고 다시 클릭하면 창 닫히고...
view.php파일에서만 구현 하던데...
갤러리 보드 만들려고 하는데 그림 클릭하면 작성글 view로 보는게 아니고
새창 떠서 그림만 보게 하고 싶어요..
-.-; 설명이 어려운듯...
갤리러 보드에서 리스트에서 그림 클릭하면 새창떠서 그림 나오게 하고 싶어요..
image_window()함수를 어떻게 쓰면 될 것 같은데..그냥 이 함수 그대로 써서 image_windows(그림파일) 이대로 하면 안되요...
방법 없을까요??
방법 없을까요?
댓글 전체
답변이 아닌 글을 달아 죄송하구여~
근데..저도 리스트화면에 게시물의 첫번째 이미지를 작게 보여주고
http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=3436
그걸 클릭했을때 새창이 뜨면서 원본이미지를 보여주게 하는팁을 찾아봤는데 아무리 찾아도 안보이네요.
답변글이 저도 궁금해서..리플아닌 리플 남깁니다.
근데..저도 리스트화면에 게시물의 첫번째 이미지를 작게 보여주고
http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=3436
그걸 클릭했을때 새창이 뜨면서 원본이미지를 보여주게 하는팁을 찾아봤는데 아무리 찾아도 안보이네요.
답변글이 저도 궁금해서..리플아닌 리플 남깁니다.
후~ 아마 mysql연동해야 할것같아서 mysql에 저장안 하는 그림 파일은 함수를 못쓸것같네요.. 걍 포기할듯..
갤러리보드 만들다가 걍 제 방식으로 새 함수 쓰기로 했습니다.
이미지로드해서 새창 띄우기 팁인데 아트리아님에게 도움이 될런지...
function imgPreview(img) { // 사용자 정의
srcImg = new Image();
clientWidth = screen.width;
clientHeight = screen.height;
srcImg.src = img.src;
var srcFileName = srcImg.src.substr(srcImg.src.lastIndexOf("/")+1, srcImg.src.length);
win = window.open("","","width=15,height=15,scrollbars=no,resizable=no,left="+(clientWidth/2-15)+",top="+(clientHeight/2-15)+"");
win.document.writeln("<html>");
win.document.writeln("<head>");
win.document.writeln("<title>"+" Image Preview "+"</title>");
win.document.writeln("</head>");
win.document.writeln("<body style='margin:0px;' bgcolor='#CCCCCC'>");
win.document.writeln("<table width='100%' height='100%' border='0' cellpadding='0' cellspacing='0' style='cursor:hand' onclick='self.close()'>");
win.document.writeln(" <tr>");
win.document.writeln(" <td align='center'><img src="+img.src+" name='winImg' style='cursor:hand' onclick='self.close()' alt='클릭하면 사라집니다' onerror=\"alert('그림 파일이 없습니다. 삭제된 그림 파일 같습니다.'); self.close()\"></td>");
win.document.writeln(" </tr>");
win.document.writeln("</table>");
win.document.writeln("</body>");
win.document.writeln("</html>");
srcImg = win.document.winImg;
while(true)
if(srcImg.readyState == "complete")
break;
var winWidth = srcImg.width+10;
var winHeight = srcImg.height+29;
var left = (clientWidth/2)-(srcImg.width/2);
var top = (clientHeight/2)-(srcImg.height/2);
if(clientWidth <= srcImg.width){
winWidth = clientWidth;
left = 0;
win.document.body.scroll = "auto";
}
if(clientHeight <= srcImg.height){
winHeight = clientHeight-30;
top = 0;
win.document.body.scroll = "auto";
}
//
// 이미지로딩이 끝났음으로 이미지의 크기를 사용할수 있다.
// 해당 이미지의 사이즈에 맞게 윈도우를 재설정한다.
win.moveTo(left, top);
win.resizeTo(winWidth, winHeight);
}
함수 어떻게 선언시키는지는 아실거라 생각하고...
<img src="images/DSC00193.JPG" width="257" height="191" border="0" onclick="imgPreview(this)" style="cursor:hand">
이미지태그에 onclick에 위 함수를 실행하면 가운데에 15 x 15 새창뜨다가 이미지사이즈에 맞게 창 크기가 늘어나고
새창에 뜬 그림을 클릭하면 창이 닫힙니다.
이해될려나...돌아다니다가 얻었습니다..새창뜨는게 무쟈게 빠르고 오류도 없네요..
그럼...
갤러리보드 만들다가 걍 제 방식으로 새 함수 쓰기로 했습니다.
이미지로드해서 새창 띄우기 팁인데 아트리아님에게 도움이 될런지...
function imgPreview(img) { // 사용자 정의
srcImg = new Image();
clientWidth = screen.width;
clientHeight = screen.height;
srcImg.src = img.src;
var srcFileName = srcImg.src.substr(srcImg.src.lastIndexOf("/")+1, srcImg.src.length);
win = window.open("","","width=15,height=15,scrollbars=no,resizable=no,left="+(clientWidth/2-15)+",top="+(clientHeight/2-15)+"");
win.document.writeln("<html>");
win.document.writeln("<head>");
win.document.writeln("<title>"+" Image Preview "+"</title>");
win.document.writeln("</head>");
win.document.writeln("<body style='margin:0px;' bgcolor='#CCCCCC'>");
win.document.writeln("<table width='100%' height='100%' border='0' cellpadding='0' cellspacing='0' style='cursor:hand' onclick='self.close()'>");
win.document.writeln(" <tr>");
win.document.writeln(" <td align='center'><img src="+img.src+" name='winImg' style='cursor:hand' onclick='self.close()' alt='클릭하면 사라집니다' onerror=\"alert('그림 파일이 없습니다. 삭제된 그림 파일 같습니다.'); self.close()\"></td>");
win.document.writeln(" </tr>");
win.document.writeln("</table>");
win.document.writeln("</body>");
win.document.writeln("</html>");
srcImg = win.document.winImg;
while(true)
if(srcImg.readyState == "complete")
break;
var winWidth = srcImg.width+10;
var winHeight = srcImg.height+29;
var left = (clientWidth/2)-(srcImg.width/2);
var top = (clientHeight/2)-(srcImg.height/2);
if(clientWidth <= srcImg.width){
winWidth = clientWidth;
left = 0;
win.document.body.scroll = "auto";
}
if(clientHeight <= srcImg.height){
winHeight = clientHeight-30;
top = 0;
win.document.body.scroll = "auto";
}
//
// 이미지로딩이 끝났음으로 이미지의 크기를 사용할수 있다.
// 해당 이미지의 사이즈에 맞게 윈도우를 재설정한다.
win.moveTo(left, top);
win.resizeTo(winWidth, winHeight);
}
함수 어떻게 선언시키는지는 아실거라 생각하고...
<img src="images/DSC00193.JPG" width="257" height="191" border="0" onclick="imgPreview(this)" style="cursor:hand">
이미지태그에 onclick에 위 함수를 실행하면 가운데에 15 x 15 새창뜨다가 이미지사이즈에 맞게 창 크기가 늘어나고
새창에 뜬 그림을 클릭하면 창이 닫힙니다.
이해될려나...돌아다니다가 얻었습니다..새창뜨는게 무쟈게 빠르고 오류도 없네요..
그럼...