이미지 갤러리 질문있습니다.
708
2016.07.27 14:15
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=2ZW 주소복사
본문
반응형 에서 6개의 이미지를 뿌려줄때
3x2 로 뿌려주다가 브라우져 크기가 줄면 이미지비율에 마춰서 같이 이미지 크기가 줄어들다가
일정이하로 줄어들면 2x3으로 뿌려주고 브라우져 크기를 줄이면 이미지 크기가 줄어드는 방식으로
수정하고 싶습니다. 1x6으로는 안되게끔요.
어제부터 계속 수정중인데 방법을 모르겠습니다 ㅠ
0
좋아요!
레벨 2
경험치 490
Progress Bar 73%
- 가입일 : 2015-12-16 10:19:21
- 서명 :
- 자기소개 :
댓글목록
곡우님의 댓글
<!--{/}-->
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님의 댓글
http://eyoom.net/shop/item.php?it_id=1428570216
이 갤러리인데 아무리 찾아도 위같은 소스는 찾을수가 없네요 ㅠ
축하합니다. 행운의 포인트 55포인트를 획득하였습니다.
qwerv256님의 댓글
http://eyoom.net/shop/item.php?it_id=1428570216
이 갤러리인데 아무리 찾아도 위같은 소스는 찾을수가 없네요 ㅠ
축하합니다. 지뢰폭탄 포인트 2포인트를 획득하였습니다.
studyhaza님의 댓글
고맙습니다~~