Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.05.2021, 14:39
Новичок на форуме
Отправить личное сообщение для jestermoon Посмотреть профиль Найти все сообщения от jestermoon
 
Регистрация: 12.05.2021
Сообщений: 1

Помогите, пожалуйста настроить слайдер "до/после" на чистом JS
Сделал слайдер до/после на основе одного из гайдов в интернете. Работает он за счет изменения ширины верхнего блока относительно 'offsetX'.
Проблема в том что он работает по событию 'mousemove' на блоке, а мне нужно что бы изменение ширины происходило при перемещении третьего блока - блока с изображением переключателя, то-то вроде drag'n'drop только без "drop" =)

Как я представляю себе логику:
1. При mousedown на sliderSwitchи и mousemove по gallery нужно изменять ширину galleryResize и позицию sliderSwitch по X (ширина galleryResize = позиция left sliderSwitch + 2.5 '%')
2. При mouseup обернуть изменения

Сам код: https://jsfiddle.net/ydcbj86m/35/

Как выглядит слайдер: https://drive.google.com/file/d/1NIm...ew?usp=sharing

Уже пару дней не могу придумать решение
Ответить с цитированием
  #2 (permalink)  
Старый 12.05.2021, 14:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

jestermoon,
https://javascript.ru/forum/misc/702...tml#post462066
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста!!! igrovik Общие вопросы Javascript 40 10.04.2018 13:53
Изучаю js. Пожалуйста, помогите Шалун Работа 1 23.05.2017 08:11
Модальное окно, запретить скролл всему документу на чистом JS TommyWork Общие вопросы Javascript 8 13.04.2017 10:39
Простой слайдер новостей (помогите настроить) Алексей777555 Общие вопросы Javascript 1 19.07.2015 01:35
Слайдер - карусель блоков (помогите пожалуйста) Viktor.Poberezhniy Общие вопросы Javascript 3 22.07.2014 12:46