ux-carousel

demo 타입스크립트로 제작된 무한 인피니티를 무한대로 제공하는 캐로셀!!!!!!!!

선언

cdn이용

<script src="https://unpkg.com/ux-carousel/dist/ux-carousel.es5.min.js>"></script>
<link rel="stylesheet" href="https://unpkg.com/ux-carousel/dist/style.min.css">

npm이용

npm installl --save ux-carousel 후

import 'UxCarousel' from 'ux-carousel';

실행

var carousel = new UxCarousel('querySelector');

옵션

var optionCarousel = new UxCarousel('querySelector', options);

옵션리스트

interface Options {
    infinite?: boolean; //인피니트 스크롤
    className?: string; //클래스명 변경
    fakeClassName?: string; //페이크 엘리멘트 클래스명 변경
    willChange?: (currentIndex, nextIndex) => {}; // 체인지 콜백
    changed?: (currentIndex) => {}; //체인지 완료후 콜백
    nestingAction?: boolean; //무한 클릭 허용 여부
    autoPlay?: {
        duration: number; // 자동 재생 시간
        clickAndStop: boolean; //클릭 후 자동재생 정지 여부
    };
    button?: boolean; // 버튼 여부
    page?: boolean; // 페이징 여부
    duration?: number; //슬라이드 속도
}

매소드

// get index
getIndex();

// set index
setIndex(number);

// action next button
next();

// action prev button
prev();

// update
update();