질문과 답변 (구)

최근본상품
TOP
DOWN

질문과 답변 (구)

메인 화면에서 썸네일 크기 조절 했을때 이미지 축소 비율 문제

2015.05.25 22:19 3,166 1

본문

웹진형 최신글을 사용하는데 썸네일 이미지가 메인화면에서 보이는 크기를 좀더 크게 보이도록 하기 위해 해당 css에서 세로를 200px로 조절하였습니다. 또 해당 latest_skin.html에서 <div class="col-xs-4"> 이렇게 조정하였는데 그 후 첨부 이미지가 비율 축소가 안되고 세로나 가로가 늘어나는 부분이 있어서 index_bs.html에서 이미지 가로 세로 크기를 수동으로 조절해서 적절하게 맞추었으나 정확한 비율 축소는 아닌 것 같아서요. 이 방법이 맞나요? 아니면 정확한 비율 축소를 위한 방법이 따로 있는 건가요?

0
로그인 후 평가 가능합니다.
- 일루와 - 회원등급 : 지하계 / Level 4
포인트 2,529
경험치 1,376
[레벨 4] - 진행률 22%
- 가입일 : 2015-05-18 18:30:29
- 서명 : 미입력
- 자기소개 : 미입력

댓글목록 1

shadow님의 댓글

shadow 2015.05.26 13:24

현 이윰빌더 버젼에서는 최신글에서 이미지를 뽑아올때 최신글 추출 소스인  "img_width=이미지 가로 넓이 값" 에 따라 썸네일을 생성하여 불러옵니다.
잘 아시겠지만 최신 웹진 혹은 갤러리 모두 실제 표현되는 상태보다 사실은 훨씬 더 큰 썸네일을 로딩하게 되지요.
최신스킨에서 썸네일을 설정할 수 있는 바는 폭은 항상 100프로라는 기준이므로 min-height 값과 max-height 값만 조정합니다.
가로폭은 항상 100프로를 유지함으로 col-xs-4 이든 col-xs-3 이든 설정 가로폭에 따라 썸네일이 리사이징 작업을 하게 됩니다.
결국 가로폭은 일정하고 세로폭만 조정하는 것이지요.
각 최신 글에서 이미지(썸네일)를 불러올때 일정한 모양을 유지하려면 min-height 와 max-height 을 동일하게 주어 값을 찾아 나가야 할 듯 합니다.

축하합니다. 첫댓글 포인트 80포인트를 획득하였습니다.

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)

전체 2,800 건 - 143 페이지
제목
myid1973 2015.05.26 811 0
티피 2015.05.26 1,740 0
일루와 2015.05.25 3,167 0
프리피피티 2015.05.25 1,313 0
해피지민 2015.05.25 1,289 0
일루와 2015.05.24 1,397 0
red123 2015.05.24 784 0
비즈팔 2015.05.24 1,312 0
red123 2015.05.23 995 0
red123 2015.05.23 1,060 0
red123 2015.05.23 968 0
소다 2015.05.23 1,195 0
일루와 2015.05.23 800 0
l2zeo 2015.05.23 1,042 0
해피지민 2015.05.23 1,176 0