Seamless-slider NPM

seamless-slider

seamless-slider is a carousel plugin for Zepto & jQuery

Installation

Prerequisites:

zepto 1.2.0 event fx touch / jQuery

NPM

$ npm install seamless-slider -save

Usage

<div id="slider-box">
    <div class="slider-item">1</div>
    <div class="slider-item">2</div>
    <div class="slider-item">3</div>
    <div class="slider-item">4</div>
</div>

import Slider from 'seamless-slider'

const slider = new Slider('#slider-box', '.slider-item', {
    activeColor: 'rgb(45,45,45)'
})

Props

Name	Type	Default	Description
activeColor	String	'#00BCD4'	Color of the current active indicator
autoPlay	Boolean	true	Whether to play automatically
autoPlayInterval	Number	2000	The number of milliseconds played automatically
autoautoPlayDir	String	'left'	Automatic play direction. Enumeration value: 'left', 'right'
controllers	Array	'indicator'	Controllers to be rendered. Controllers: 'indicator'
switchingInterval	Number	500	Interval for switching sliders
circulating	Boolean	true	Whether to loop
initIdx	Number	0	Initial display serial number