Несколько слайдеров Swiper на одной странице с одними настройками

Цена договорная
17 октября 2020, 15:13 • 5 откликов • 40 просмотров
Задача такая, на странице есть 3-4 слайдера с одинаковыми классами и конфигами Swiper.
Проблема: когда кликал по стрелкам слайдера, перелистывались все слайдеры которые есть на странице, так как у них был общий класс. Позже я решил эту задачу написав код который вы увидите ниже закомментированный тут https://jsfiddle.net/pmb7ehfu/2/

Он работал прекрасно, он определял где находится слайдер и шел выше до родителя и искал стрелки/контроллеры внутри себя. Таким образом я сделал чтобы каждый слайдер имел свои стрелки. Теперь я обновил свайпер на версию 6+ этот код больше не работает, так как создатель свайпера сделал чтобы каждый свайпер имел свой айди и стрелки привязываются к айди слайдера, можно сказать тот же результат которого добивался я.

Загвоздка в том что, это всё работает только если стрелки слайдера и пагинация лежат обязательно внутри .swiper-container, а это очень не удобно так как зачастую стрелки слайдера находятся за контейнером, а контейнер как вы знаете overflow: hidden;

Задача:
1) Переделать скрипт так, чтобы он работал так же в с 6 версией слайдера.
2) Добавить туда же пагинацию. Чтобы у каждого сладера была своя пагинация.

ПОСТ Оплата! переводом на карту банка!
Пишите свои цены. Спам отлики буду кидать в архив.
Отзывы
Роман изучил проблему и решил буквально за полчаса. Сделал всё как нужно. Рекомендую ++
3 года назад
Avatar r50 a6ce93fe35b158fd29ba0e8681c918c22117160e9586a56eee4ffbc20df9bda1
D D
Фрилансер
Четко сформулированная задача, моментальный прием работы и оплата. В общем рекомендую!
3 года назад