Skip to content

Latest commit

 

History

History
33 lines (27 loc) · 1.15 KB

README.md

File metadata and controls

33 lines (27 loc) · 1.15 KB

owen_slide

나만의 슬라이드를 직접 구현해보자

How to use?

var slider = new Owen_slide('.owen-slide-area', {
    onLoad : function(sp){
        $('.paging .btn_prev').on('click',sp.slidePrev);
        $('.paging .btn_next').on('click',sp.slideNext);
    }
});

options

  • list:string - 슬라이드들의 className. default 는".owen-slide",
  • paging: string - 슬라이드간의 padding값,
  • speed:number - 슬라이딩 에니메이션의 시간,
  • initialSlide:number - 최초 슬라이드의 index,
  • activeW:number - active 되어있는 슬라이드의 길이,
  • slidesW - 슬라이드들의 길이,
  • slidesToShow:number - 보여질 슬라이드 갯수,
  • loop:boolean - 루브 여부,
  • autoplay:number - 값이 있으면 해당 초 단위로 오토플레이,
  • easing: follow jquery easing spec,
  • mode:string - horizontal | vertical,
  • useCSS3Transforms:boolean - true,
  • onLoad:function - 슬라이더 로딩후 호출되는 콜백,
  • onSlideChangeStart:function - 슬라이드 변경시작시 호출되는 콜백,
  • onSlideChangeEnd:function - 슬라이드 변경끝날시 호출되는 콜백