#css-input-slider v0.1#
- При использовании слайдера важно сохранить порядок input + div. Иначе CSS не сработает.
- Для работы кнопок управления label должен быть связан с input.
Настроек целых две: Интервал ротации, отключить/включить ротацию. Для включения необходимо вставить этот кусок кода ДО подключения JS-скрипта самого слайдера:
var slider = {
customSettings : true, //Проверка включены или нет настройки
rotation : true, // true/false = вкл/выкл смену слайдов
setTimeInterval : 5000 //Интервал смены (По умолчанию 3s)
}
Пока доступно только изменение положения переключателей. Для позиционирования в div.slider__controls добавляем дополнительыне классы:
- _top / _bottom
- _right / _left
Слайдер пока не универсален, для внесения большего количества слайдов (более 5) нужно будет дополнять ещё и CSS, эту проблема будет исправлена посредствам JS.
Нет остановки слайдера при наведении мышки. Работаю =)