애니빌드.LAB
토론방
소스관련 슬라이드문의드립니다
- a**eam90582
- 2017-11-20 10:04:33
- hit3137
- http://wdev.anybuild.co.kr/bbs/qna/6811
슬라이드가 현재 다섯개 전체 롤링되고있는데, 한칸씩 움직이게 하고싶습니다

게시글 공유
URL복사
댓글작성
열기 닫기
슬라이드가 현재 다섯개 전체 롤링되고있는데, 한칸씩 움직이게 하고싶습니다

열기 닫기
열기 닫기
그룹디자인 소스에서 다음 항목을 수정해주세요.
<script>
jQuery(function($) {
$('#owl_{$this_group_code}').owlCarousel({
margin: {$var_set[margin]}, // 이미지 간격
loop: true, // 무한 반복
center: false, // 액티브 슬라이드 가운데 정렬
mouseDrag: true, // 마우스 드레그 사용
touchDrag: true, // 터치 드레그 사용
stagePadding: 0, // 스테이지 여백 (좌우 슬라이드 노출)
nav: {$var_set[nav]}, // 방향 네비게이션
dots: {$var_set[dots]}, // 하단 네비게이션
dotsEach: false, // 하단 네비게이션 (페이지별 출력,항목별 출력)
autoplay: true, // 자동 재생
autoplayTimeout: 5000, // 자동 재생 속도
smartSpeed: 250, // 슬라이드 속도
responsiveRefreshRate: 0, // 반응형 체크 시간
startPosition: 0, // 시작 슬라이드 번호
URLhashListener: false, // #URL 로 액티브 슬라이드 동작
autoplayHoverPause: false, // 마우스 오버시 일시정지
responsiveClass: false, // 반응형 class명 사용 (owl-reponsive-0)
navContainer: false, // 방향 네비게이션 커스터마이징
dotsContainer: false, // 하단 네비게이션 커스터마이징
responsive: { // 반응형
0: {
items:{$var_set[items_mobile]}, // 한 화면 출력수 (모바일)
slideBy:{$var_set[items_mobile]} // 한번에 슬라이드 되는 수 (모바일)
},
768: {
items:{$var_set[items_tablet]}, // 한 화면 출력수 (태블릿)
slideBy:{$var_set[items_tablet]} // 한번에 슬라이드 되는 수 (태블릿)
},
102*: {
items:{$var_set[items_pc]}, // 한 화면 출력수 (PC)
slideBy:{$var_set[items_pc]} // 한번에 슬라이드 되는 수 (PC)
}
}
})
});
</script>
->
responsive: { // 반응형
0: {
items:{$var_set[items_mobile]}, // 한 화면 출력수 (모바일)
slideBy:1 // 한번에 슬라이드 되는 수 (모바일)
},
768: {
items:{$var_set[items_tablet]}, // 한 화면 출력수 (태블릿)
slideBy:1 // 한번에 슬라이드 되는 수 (태블릿)
},
102*: {
items:{$var_set[items_pc]}, // 한 화면 출력수 (PC)
slideBy:1 // 한번에 슬라이드 되는 수 (PC)
}
}