메인 화면에서 썸네일 크기 조절 했을때 이미지 축소 비율 문제
3,146
2015.05.25 22:19
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=Zy 주소복사
본문
웹진형 최신글을 사용하는데 썸네일 이미지가 메인화면에서 보이는 크기를 좀더 크게 보이도록 하기 위해 해당 css에서 세로를 200px로 조절하였습니다. 또 해당 latest_skin.html에서 <div class="col-xs-4"> 이렇게 조정하였는데 그 후 첨부 이미지가 비율 축소가 안되고 세로나 가로가 늘어나는 부분이 있어서 index_bs.html에서 이미지 가로 세로 크기를 수동으로 조절해서 적절하게 맞추었으나 정확한 비율 축소는 아닌 것 같아서요. 이 방법이 맞나요? 아니면 정확한 비율 축소를 위한 방법이 따로 있는 건가요?
0
좋아요!
레벨 4
경험치 1,376
Progress Bar 22%
- 가입일 : 2015-05-18 18:30:29
- 서명 :
- 자기소개 :
댓글목록
shadow님의 댓글
현 이윰빌더 버젼에서는 최신글에서 이미지를 뽑아올때 최신글 추출 소스인 "img_width=이미지 가로 넓이 값" 에 따라 썸네일을 생성하여 불러옵니다.
잘 아시겠지만 최신 웹진 혹은 갤러리 모두 실제 표현되는 상태보다 사실은 훨씬 더 큰 썸네일을 로딩하게 되지요.
최신스킨에서 썸네일을 설정할 수 있는 바는 폭은 항상 100프로라는 기준이므로 min-height 값과 max-height 값만 조정합니다.
가로폭은 항상 100프로를 유지함으로 col-xs-4 이든 col-xs-3 이든 설정 가로폭에 따라 썸네일이 리사이징 작업을 하게 됩니다.
결국 가로폭은 일정하고 세로폭만 조정하는 것이지요.
각 최신 글에서 이미지(썸네일)를 불러올때 일정한 모양을 유지하려면 min-height 와 max-height 을 동일하게 주어 값을 찾아 나가야 할 듯 합니다.
축하합니다. 첫댓글 포인트 80포인트를 획득하였습니다.