이미지 갤러리 질문있습니다.
2016.07.27 14:15
646
4
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=g1
본문
반응형 에서 6개의 이미지를 뿌려줄때
3x2 로 뿌려주다가 브라우져 크기가 줄면 이미지비율에 마춰서 같이 이미지 크기가 줄어들다가
일정이하로 줄어들면 2x3으로 뿌려주고 브라우져 크기를 줄이면 이미지 크기가 줄어드는 방식으로
수정하고 싶습니다. 1x6으로는 안되게끔요.
어제부터 계속 수정중인데 방법을 모르겠습니다 ㅠ
0
로그인 후 평가 가능합니다.
-
qwerv256
- 회원등급 : 지하계 / Level 3
포인트 2,263
경험치 604
[레벨 3] - 진행률
1%
- 가입일 : 2015-12-16 10:19:21
- 서명 : 미입력
- 자기소개 : 미입력
댓글목록 4
곡우님의 댓글
- 아이디로 검색
2016.07.27 17:54<!--{/}-->
var gutter = 20;
var min_width = 250;
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.gallery-boxes-in',
gutterWidth: gutter,
isAnimated: true,
columnWidth: function( containerWidth ) {
var box_width = (((containerWidth - 2*gutter)/3) | 0) ;
if (box_width < min_width) {
box_width = (((containerWidth - gutter)/2) | 0);
}
if (box_width < min_width) {
box_width = containerWidth;
}
$('.gallery-boxes-in').width(box_width);
return box_width;
}
});
});
});
갤러리 스킨에 list.skin.html 파일 위에 소스 찾아서 이부분 삭제해 보세요.
if (box_width < min_width) {
box_width = containerWidth;
}
축하합니다. 첫댓글 포인트 87포인트를 획득하였습니다.
축하합니다. 행운의 포인트 9포인트를 획득하였습니다.
qwerv256님의 댓글
- 아이디로 검색
2016.07.28 13:34http://eyoom.net/shop/item.php?it_id=1428570216
이 갤러리인데 아무리 찾아도 위같은 소스는 찾을수가 없네요 ㅠ
축하합니다. 행운의 포인트 55포인트를 획득하였습니다.
qwerv256님의 댓글
- 아이디로 검색
2016.07.28 13:36http://eyoom.net/shop/item.php?it_id=1428570216
이 갤러리인데 아무리 찾아도 위같은 소스는 찾을수가 없네요 ㅠ
축하합니다. 지뢰폭탄 포인트 2포인트를 획득하였습니다.
studyhaza님의 댓글
- 아이디로 검색
2017.05.06 17:22고맙습니다~~