axrising
@axrising

Как сделать эффект бесконечности в слайдере на чистом JS?

Здравствуйте, помогите с задачей...
Есть слайдер для которого нужно допилить нормальный эффект infinity, сейчас там ужи присутствует некий эффект бесконечности, но это далеко не то что хотелось получить, нужно просто сделать бесконечный цикл прокрутки слайдов, как для примера - Swiper JS или Slick. И самое сложное из этого всего, это сохранить индексы (this.options.position), ибо они уже привязаны к dot navigation и в целом к анимации translateX, как-то так)

Буду очень благодарен за какую-либо помощь.

  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
так же как и в других каруселях — клонируйте часть слайдов. В данном случае один первый и помещайте его в конец.
после перехода на первый слайд (клон), прокручивайте панельку в начальное состояние, но без анимации, мгновенно.
Клонированные элементы можно отмечать атрибутами или классами.

Почему бы не взять уже готовый слайдер?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
30 нояб. 2020, в 22:50
100000 руб./за проект
30 нояб. 2020, в 22:47
600 руб./в час
30 нояб. 2020, в 22:24
3000 руб./за проект