Сьогодні хочу показати, як можна зробити ось такий повзунок для вашого сайту і витягувати з нього дані за допомогою Jquery.
Спробуйте «пограти» з ним нижче.
Такий повзунок можна застосовувати в багатьох проектах і при вирішенні багатьох завдань. Хіба мало де може знадобитися плавну зміну будь-якої величини.
Тому, беріть це на озброєння і застосовуйте де це вам знадобитися.
Створення такого повзунка стане можливим при підключенні до вашої веб-сторінці двох бібліотек:
1) Бібліотеки Jquery
Завантажити її можна тут
2) І доповнення до бібліотеки Jquery UI (User Interphase) або призначений для користувача інтерфейс.
Завантажити її можна тут
Ось код, який я використовував для створення такого повзунка:
Ось стилі CSS, які дозволять зробити сам повзунок слайдера круглим.
До речі, якщо вам буде цікаво, я займаюся налаштуванням систем веб-аналітики для сайтів (Яндекс Метрика і Google Analytics).
Якщо ви хотіли б зробити ваш сайт більш ефективним і, щоб він приносив більше грошей, веб-аналітика може в цьому допомогти.
За допомогою інструменту «Цілі» ви можете добитися добрих результатів в цій справі. Детальніше тут.
Підкажіть, будь ласка, як зробити слайдер з нелінійним вибором значень?
Наприклад, потрібно дати можливість вибрати за допомогою бігунка значення 100, 125, 200, 215?
Тобто як зробити крок слайдера нелінійним?