simpleSlider

Описание

Простейший слайдер весом полкилобайта с удобным интерфейсом Просто передает класс active следующему элементу. Остальное на вашей совести.

1.0.2

Если нет активных элементов, активным назначается первый (нулевой)

Usage

<div id="mySuperSelector">
	<div class="item">111</div>
	<div class="item">222</div>
	<div class="item">333</div>
	<div class="item">444</div>
</div>

var simpleSlider = require('simpleslider'); // AMD / CommonJS / GLobal
var mySuperSlider = new simpleSlider('#mySuperSelector');

mySuperSlider.current // Текущий активный элемент

mySuperSlider.current = 3 // 4 элемент стал активным (Если элементов менее 4, станет нулевой активным)

mySuperSlider.current++ //  Следующий элемент
mySuperSlider.current-- //  Предыдущий элемент

mySuperSlider.next();
mySuperSlider.prev();

Install

npm i --save simpleslider