[이윰] masonry 사용하는 스킨 가로 갯수(box 수) 늘리기

페이지 정보

루루아빠 3,750 1 2015.06.24 15:13

평점

본문

각 스킨 폴더/list.skin.html 을 에디터로 연다.

다음 예제는 가로 4줄을 만드는 방법이다.
var box_width = (((containerWidth - 2*gutter)/3) | 0) ; 을 검색하여 수정한다.
이윰에서 제공하는 스킨에선 수정 할 곳이 2군데이다.
수정 후

var box_width = (((containerWidth - 3*gutter)/4) | 0) ;

위 소스는 다음을 의미한다.
var box_width = (((스킨의 전체 넓이 - (가로 박스의 갯수-1)*gutter)/가로 박스의 갯수) | 0) ;
 
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,286,500
레벨 96
경험치 1,379,121

Progress Bar 39%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글1

루루아빠님의 댓글

루루아빠 글쓴이 2015.06.24 15:15

모바일에서 2줄 피시에서 5줄을 만들기 위해선 다음과 같이 적용한다.


var box_width = (((containerWidth - 4*gutter)/5) | 0) ;
var min_width = 250; 를 검색하여 다음과 같이 수정한다.

var min_width = 150;