토론방

소스관련 슬라이드문의드립니다

슬라이드가 현재 다섯개 전체 롤링되고있는데, 한칸씩 움직이게 하고싶습니다

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2017-11-20

    그룹디자인 소스에서 다음 항목을 수정해주세요.

     

     

    <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)
        }
    }

댓글작성

열기 닫기

댓글작성
top