메뉴 건너뛰기

rest default 게시판 스킨의 겔러리 모드에서 썸네일 비율에 맞게 출력하기

Average Rating:
7.0/10 1명 참여
Rate this page:
익명 (7)  
평점 한줄평 글쓴이 작성날짜
7
0 (-9577) 03/26 05:19
xe/modules/board/skins/rest_default/_style.gallery.html

90번째줄



            <div class="thumbnailover relative noimgwh">


위의 코드를 아래와 같이 수정합니다.


            <div class="thumbnailover relative noimgwh" style="padding-bottom:{$module_info->thumbnail_height/$module_info->thumbnail_width*100}% !important">





원리 이해하기


.noimgwh {
    position: relative;
    width: 100%;
    height: 0px;
    overflow: hidden;
    padding-bottom: 75%;
}


위와 같이 height를 0으로 잡아 이미지의 틀의 높이를

폭 100%에 대하여 padding-bottom 75%로 구하게 되는데

이는 반영형 웹에서는 100:75 즉, 4:3 비율의 너비와 높이가 됩니다.


게시판에서 썸네일의 폭과 높이를 이미 지정해 두었기에

스킨 자제에서 수식으로 계산하여 높이값을 %로 구할 수 있습니다.


따라서 위의 수정된 코드가 완성됩니다.



게시판 정보

Rest Bootstrap 게시판 스킨

http://www.xpressengine.com/index.php?mid=download&category_srl=18322943&parent_srl=18322919&package_srl=22597855



제목 날짜
Star Rating 별점 위젯 업데이트 정보   2014.03.09
php 가변함수  
    6
test  
    5
rest_default 버그 잡기  
    9
별점 추가작업  
    7
태그 목록