Как можно создать такой же слайдер с ползунком https://stockx.com/adidas-yeezy-boost-350-v2-core-black-red-2017?

Question

[AndrewSHkod]

Здравствуйте.
Тут https://stockx.com/adidas-yeezy-boost-350-v2-core-... используют rc-slider, который на реакте.
Как можно сделать тоже самое с Javascript-ом?
Принимаю любые предложения.
Сделал через инпут range и слайдер slick, но ползунок не передвигается свободно(с точки на точку).

Answer 1

[its2easyy]

сделал библиотеку недавно, когда нужна была похожая штука, но там используется спрайт с изображениями, вместо отдельных файлов, поэтому не подойдёт для вариантов где нужно много кадров с большим разрешением
https://github.com/its2easy/animate-sprite
В демо как раз похожий пример

Comments

[AndrewSHkod]

Спасибо.

[AndrewSHkod]

Если кому будет нужно.
Это тот код который я писал сам(для slick: без помощи этого)
Нужно в нужном вам месте добавить это
input type="range" min="0" max="{{ images|length }}" step="1" value="0" style="padding: 0px;" onchange="
var slideno = $(this).val();
$('.image-additional').slick('slickGoTo', slideno );">

А в script это
$('.image-additional ').on('afterChange',function(e,slick,currentSlide){
$('#rage').val(currentSlide);
});