jQuery плагин, который реализует функционал «бегунка». Кастомизируемый плагин-бегунок для JQuery с множеством опций для настрйоки внешнеговида и поведения.

GitHub Pages.

$ git clone https://github.com/ssamvelk/slider-plugin

В каталоге проекта

$ npm install

$ npm run dev - разработка в режиме development

$ npm run build - разработка в режиме production

$ npm run test - тестирование (jest)

  $(`#box-id`).sliderPlugin({[options]})

  $().sliderPlugin({ root: 'box-id' })

  const slider = $(`#box-id`).sliderPlugin({});

  const simpleSlider = $(`#box-id`).sliderPlugin({
    min: 10,
    max: 190,
    step: 10,
    tooltip: true,
    scale: true,
    type: 'single',
    direction: 'horizontal',
    value: 70
  });

  const rangeSlider = $().sliderPlugin({
    root: 'box-id',
    min: -1000,
    max: 1000,
    step: 100,
    type: 'range',
    direction: 'vertical',
    tooltip: false,
    scale: { init: true, num: 15, type: 'numeric'},
    value: [-500, 900];
  });

При проектировании приложения использовалась архитектура MVP - Model-View-Presenter. Для связи между модулями использовался поведенческий паттерн проектирование "Наблюдатель". Для наглядного примера управления слайдером через API используется конфигурационная панель. Для подключения нескольких слайдеров на демо-странице, использовался порождающий паттерн проектирования "Фабричный метод". Так же велось модульное тестирование. Подробное API описано в файле

Для управления слайдером из вне

jquery