Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Помогите, пожалуйста настроить слайдер "до/после" на чистом JS (https://javascript.ru/forum/events/82470-pomogite-pozhalujjsta-nastroit-slajjder-do-posle-na-chistom-js.html)

jestermoon 12.05.2021 14:39

Помогите, пожалуйста настроить слайдер "до/после" на чистом 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

Уже пару дней не могу придумать решение

рони 12.05.2021 14:47

jestermoon,
https://javascript.ru/forum/misc/702...tml#post462066


Часовой пояс GMT +3, время: 22:38.