2026, 새로운 도약을 시작합니다.

썸네일 크기 관련 질문드립니다. 채택완료

9년 전 조회 10,758

g4에 있는 갤러리 스킨을 g5용으로 수정해서 사용할려고 g5갤러리 스킨에 g4썸네일 부분을 가져와서 적용중입니다.

원본소스

http://sir.kr/g4_skin/97882?sfl=wr_subject%7C%7Cwr_content&stx=%EC%A0%9C%ED%92%88+%EC%86%8C%EA%B0%9C&page=12

그런데 제작의뢰에서 썸네일 출력까지는 했는데요.

썸네일 크기가 동일하지 않고 세로로 긴 사진을 올리면 정렬이 깨져버립니다.

썸네일 크롭이 안되는데요. g4스킨에서는 잘되었는데 g5에서는 안되고 이미지처럼 깨져버리네요.

7585c4b552755b8eb3a19da8de8c208e_1472500745_9365.PNG
썸네일 이미지가 동일한 크기로 크롭되게 할려면 어떻게 해야할까요?

도움을 부탁드립니다.

현재 view.skin.php 소스입니다.

Copy
 

답변 2개

채택된 답변
+20 포인트

가로 비율이 고정으로 섬네일이 생성되는거라면

뿌려지는 html css 상에서 해당 섬네일의 css 의 max-height 값을 정해주시거나

감싸고있는 엘리먼트에 img src 가 아닌 background 로 설정하는것도 한가지 방법입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

알려주신 내용에서 힌트를 얻어 <div>감싸고 overflow:hidden으로 처리했습니다.
감사드립니다.

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

Copy
imagecopyresampled($dst, $src, 0, 0, 0, 0, $view_w, $height, $size[0], $size[1]);

저라면 이 부분을 다음과 같이 바꾸겠습니다. (테스트는 안해봤어요)


Copy
if($size[0] / $view_w * $height  $size[1]) {	// 비율에 의해 예측한 세로 길이가 실제 세로 길이보다 짧다면 생각보다 위아래로 긴 것이다. 위아래를 잘라야함.	imagecopyresampled($dst, $src, 0, 0, 0, ($size[1] - $size[0] / $view_w * $height)/2, $view_w, $height, $size[0], $size[0] / $view_w * $height);} else {	// 좌우 잘라야함	imagecopyresampled($dst, $src, 0, 0, ($size[0] - $size[1] / $height * $view_w)/2, 0, $view_w, $height, $size[1] / $height * $view_w, $size[1]);}
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변 감사드립니다.
알려주신 방법으로는 되지 않아서 다른 방법으로 처리했습니다.
귀한 시간 내주셔서 감사합니다.

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

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고