메인 화면에서 썸네일 크기 조절 했을때 이미지 축소 비율 문제
3,142
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
- 서명 :
- 자기소개 :
Total 2,281건 108 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
---|---|---|---|---|
141 |
![]() ![]() |
2015.02.23 | 1,626 | |
140 |
![]() |
2015.02.22 | 1,591 | |
139 |
![]() |
2015.02.22 | 1,556 | |
138 |
![]() |
2015.02.22 | 1,692 | |
137 |
![]() |
2015.02.22 | 1,340 | |
136 |
![]() |
2015.02.22 | 2,512 | |
135 |
![]() |
2015.02.22 | 1,787 | |
134 |
![]() |
2015.02.22 | 1,335 | |
133 |
![]() |
2015.02.22 | 1,521 | |
132 |
![]() |
2015.02.22 | 1,496 | |
131 |
![]() |
2015.02.21 | 1,582 | |
130 |
![]() |
2015.02.21 | 1,945 | |
129 |
![]() |
2015.02.20 | 1,724 | |
128 |
![]() |
2015.02.20 | 1,613 | |
127 |
![]() |
2015.02.19 | 2,617 | |
126 |
![]() |
2015.02.19 | 1,732 | |
125 |
![]() |
2015.02.18 | 1,349 | |
124 |
![]() |
2015.02.17 | 1,347 | |
123 |
![]() |
2015.02.17 | 1,701 | |
122 |
![]() |
2015.02.17 | 1,455 |
댓글목록
shadow님의 댓글
현 이윰빌더 버젼에서는 최신글에서 이미지를 뽑아올때 최신글 추출 소스인 "img_width=이미지 가로 넓이 값" 에 따라 썸네일을 생성하여 불러옵니다.
잘 아시겠지만 최신 웹진 혹은 갤러리 모두 실제 표현되는 상태보다 사실은 훨씬 더 큰 썸네일을 로딩하게 되지요.
최신스킨에서 썸네일을 설정할 수 있는 바는 폭은 항상 100프로라는 기준이므로 min-height 값과 max-height 값만 조정합니다.
가로폭은 항상 100프로를 유지함으로 col-xs-4 이든 col-xs-3 이든 설정 가로폭에 따라 썸네일이 리사이징 작업을 하게 됩니다.
결국 가로폭은 일정하고 세로폭만 조정하는 것이지요.
각 최신 글에서 이미지(썸네일)를 불러올때 일정한 모양을 유지하려면 min-height 와 max-height 을 동일하게 주어 값을 찾아 나가야 할 듯 합니다.
축하합니다. 첫댓글 포인트 80포인트를 획득하였습니다.