원본 이미지 사이즈가 1024보다 클 경우 1024로 줄여서 보여주는 기능이 없을까요? 정보
원본 이미지 사이즈가 1024보다 클 경우 1024로 줄여서 보여주는 기능이 없을까요?본문
웹서버 관리하고, 홈페이지 관리하면서, 사진도 직접 찍어서 올리고 있습니다.
포토겔러리 게시판에서 썸네일 스킨을 사용 중인데,
지금까지는 디카 사진을 올리기 전에 1024x768 사이즈로 줄여서 올렸었습니다.
앞으로는 사진 인화를 할 경우를 생각해서 디카 사진 원본2048x1536을 그대로 올릴려고 합니다.
그랬을 때 원본 사진은 화면크기보다 크게 나타나는데, 이 부분에서 원본 이미지 사이즈가 1024보다 클 경우 1024로 줄여서 보여주는 기능이 없을까요,
소스의 어느 부분에 if 구문을 넣고 1024로 지정해주면 될 것 같은데, 어느 파일 어느 부분을 고쳐야 할 지 조언을 구합니다.
포토겔러리 게시판에서 썸네일 스킨을 사용 중인데,
지금까지는 디카 사진을 올리기 전에 1024x768 사이즈로 줄여서 올렸었습니다.
앞으로는 사진 인화를 할 경우를 생각해서 디카 사진 원본2048x1536을 그대로 올릴려고 합니다.
그랬을 때 원본 사진은 화면크기보다 크게 나타나는데, 이 부분에서 원본 이미지 사이즈가 1024보다 클 경우 1024로 줄여서 보여주는 기능이 없을까요,
소스의 어느 부분에 if 구문을 넣고 1024로 지정해주면 될 것 같은데, 어느 파일 어느 부분을 고쳐야 할 지 조언을 구합니다.
댓글 전체
php 라면 getimagesize 라는 함수가 있습니다.
getimagesize("이미지경로파일명") 하시면
getimagesize[0] 에는 width값이 getimagesize[1]에는 height 값이 리턴됩니다.
그 담은 뭐.. 말씀하신대로 if ... 하시면 되겟네요 ㅎㅎ
asp 라면 LoadPicture 함수가 있구요
getimagesize("이미지경로파일명") 하시면
getimagesize[0] 에는 width값이 getimagesize[1]에는 height 값이 리턴됩니다.
그 담은 뭐.. 말씀하신대로 if ... 하시면 되겟네요 ㅎㅎ
asp 라면 LoadPicture 함수가 있구요
<div style="width:1024px; overflow:hidden;">
<img src="이미지경로" onLoad="if(this.width>1024)this.width=1024;">
</div>
<img src="이미지경로" onLoad="if(this.width>1024)this.width=1024;">
</div>
당연히 그누보드에 php 를 사용하고 있습니다.
스킨은 photo_thumb_new 스킨을 사용하는 중입니다.
썸네일에서 클릭하면 원본 이미지를 띄워주는 부분이 무슨 파일 어느 부분인지 알 수 없을까요?
스킨은 photo_thumb_new 스킨을 사용하는 중입니다.
썸네일에서 클릭하면 원본 이미지를 띄워주는 부분이 무슨 파일 어느 부분인지 알 수 없을까요?
스스로 해결하였습니다.
/js/common.js 파일에서 function image_window(img) 부분에서 아래와 같이 고쳐서 적용했더니 원하는 대로 적용되었습니다.
var w = img.tmp_width;
var h = img.tmp_height;
// 원본 이미지 사이즈를 임시 변수에 저장해두었다가
var w2 = img.tmp_width;
var h2 = img.tmp_height;
// 원본 이미지가 1024보다 크면 1024로 지정하고
// 세로 크기는 같은 비율로 줄이고
if(w>1024)w=1024;
if(w2>1024)h=h2*1024/w2;
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/3;
/js/common.js 파일에서 function image_window(img) 부분에서 아래와 같이 고쳐서 적용했더니 원하는 대로 적용되었습니다.
var w = img.tmp_width;
var h = img.tmp_height;
// 원본 이미지 사이즈를 임시 변수에 저장해두었다가
var w2 = img.tmp_width;
var h2 = img.tmp_height;
// 원본 이미지가 1024보다 크면 1024로 지정하고
// 세로 크기는 같은 비율로 줄이고
if(w>1024)w=1024;
if(w2>1024)h=h2*1024/w2;
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/3;
오 축하합니다
찾던건데.. 감사합니다..^^