slidertask v0.1.0

task3_slider

Старт

Так как это плагин для JQuery, он должен быть подключен.

file.html

<div id="range-slider"></div>

file.js

$('#range-slider').sliderTask4();

Опции

file.js

$('#range-slider').sliderTask4({
    min: 10,
    max: 1000,
    from: 500
});

max

Тип: number Default: 100

Максимальное значение слайдера

min

Тип: number Default: 0

Минимальное значение слайдера

from

Тип: number Default: 25

Значение первого указателя. Он же используется как основной.

to

Тип: number Default: 75

Значение второго указателя. Используется как дополнительный.

step

Тип: number Default: 1

Значение шага.

direction

Тип: string Default: 'horizontal'

Направление слайдера. При 'vertical' будет принимать вертикальное положение, при остальных значениях будет горизонтальное положение.

type

Тип: string Default: 'false'

Тип слайдера. При 'double' будет добавлять дополнитеьный указатель to, при остальных значениях будет только один указатель from.

single

Тип: boolean Default: true

Отвечает за отображение значения над указателями.

Смена значений через JS

file.js

$('#range-slider').sliderTask4Update({
    type: 'double',
    to: 10,
    single: false
});

Получение значений

file.js

let obj = $('#range-slider').data('range-slider');

Вы получаете объект со всеми значениями.

Архитектура

MVC

Model ни с кем не взаимодействует, с помощью паттерна наблюдатель сообщает об изменениях View. View взаимодействует с Model с помощью паттерна наблюдатель сообщает Controller о создании элементов. Controller взаимодействует с View и Model.

UML-диаграмма

UML-диаграмма