이미지 클릭 시 새 창 이미지 사이즈 변경법 아시는분? 정보
이미지 클릭 시 새 창 이미지 사이즈 변경법 아시는분?본문
이미지 업로드 후,
업로드한 이미지를 클릭하여 팝업창으로 볼때 모든 이미지가 640 * 427로 고정되어
나오는데 원본이미지 사이즈로 보이게 변경하는 법 알 수 없을까요?
기본테이블에는 이미지 리사이즈해서 나오게하고 클릭 시 팝업 이미지만 원본으로 구현을 원해요...
도움 부탁드려요.~~^^
업로드한 이미지를 클릭하여 팝업창으로 볼때 모든 이미지가 640 * 427로 고정되어
나오는데 원본이미지 사이즈로 보이게 변경하는 법 알 수 없을까요?
기본테이블에는 이미지 리사이즈해서 나오게하고 클릭 시 팝업 이미지만 원본으로 구현을 원해요...
도움 부탁드려요.~~^^
댓글 전체

그누보드 기본 배포판, 게시판 view.skin.php에서의 이미지 출력 방식은 view.skin.php상에서는 리사이즈 이미지를 출력하게 되어 있고 이 이미지 리사이즈 설정은 해당 게시판 설정페이지에서 조절 가능하고 view.skin.php상의 리사이즈된 이미지 클릭시 제공되는 팝업이미지는 원본사이즈를 출력하시게 되어져 있습니다.
위 질문 내용이 알듯 모를듯 해서 부연 설명을 해 드렸고 위의 질문 내용과는 달리 팝업 이미지에 대한 리사이즈를 원하실 경우 "../js/common.js"상의 자바스크립트를 수정하셔야합니다.
-------------------------------------------------------------------
"../js/common.js"의 281라인을 보시면 아래와 같이 되어져 있습니다.
원본
-------------------------------------------------------------------
win.document.write ("<table width=100% height=100% cellpadding=0 cellspacing=0><tr><td align=center valign=middle><img src='"+img.src+"' width='"+w+"' height='"+h+"' border=0 class='dragme' "+click+"></td></tr></table>");
-------------------------------------------------------------------
이걸 수정해 가로 100px 세로 100px로 수정한 예입니다.
참고하시길....
수정
-------------------------------------------------------------------
win.document.write ("<table width=100% height=100% cellpadding=0 cellspacing=0><tr><td align=center valign=middle><img src='"+img.src+"' width='100px' height='100px' border=0 class='dragme' "+click+"></td></tr></table>");
-------------------------------------------------------------------
위 질문 내용이 알듯 모를듯 해서 부연 설명을 해 드렸고 위의 질문 내용과는 달리 팝업 이미지에 대한 리사이즈를 원하실 경우 "../js/common.js"상의 자바스크립트를 수정하셔야합니다.
-------------------------------------------------------------------
"../js/common.js"의 281라인을 보시면 아래와 같이 되어져 있습니다.
원본
-------------------------------------------------------------------
win.document.write ("<table width=100% height=100% cellpadding=0 cellspacing=0><tr><td align=center valign=middle><img src='"+img.src+"' width='"+w+"' height='"+h+"' border=0 class='dragme' "+click+"></td></tr></table>");
-------------------------------------------------------------------
이걸 수정해 가로 100px 세로 100px로 수정한 예입니다.
참고하시길....
수정
-------------------------------------------------------------------
win.document.write ("<table width=100% height=100% cellpadding=0 cellspacing=0><tr><td align=center valign=middle><img src='"+img.src+"' width='100px' height='100px' border=0 class='dragme' "+click+"></td></tr></table>");
-------------------------------------------------------------------