Несколько слайдеров Swiper на одной странице с одними настройками
Цена договорная
Задача такая, на странице есть 3-4 слайдера с одинаковыми классами и конфигами Swiper.
Проблема: когда кликал по стрелкам слайдера, перелистывались все слайдеры которые есть на странице, так как у них был общий класс. Позже я решил эту задачу написав код который вы увидите ниже закомментированный тут https://jsfiddle.net/pmb7ehfu/2/
Он работал прекрасно, он определял где находится слайдер и шел выше до родителя и искал стрелки/контроллеры внутри себя. Таким образом я сделал чтобы каждый слайдер имел свои стрелки. Теперь я обновил свайпер на версию 6+ этот код больше не работает, так как создатель свайпера сделал чтобы каждый свайпер имел свой айди и стрелки привязываются к айди слайдера, можно сказать тот же результат которого добивался я.
Загвоздка в том что, это всё работает только если стрелки слайдера и пагинация лежат обязательно внутри .swiper-container, а это очень не удобно так как зачастую стрелки слайдера находятся за контейнером, а контейнер как вы знаете overflow: hidden;
Задача:
1) Переделать скрипт так, чтобы он работал так же в с 6 версией слайдера.
2) Добавить туда же пагинацию. Чтобы у каждого сладера была своя пагинация.
ПОСТ Оплата! переводом на карту банка!
Пишите свои цены. Спам отлики буду кидать в архив.
Проблема: когда кликал по стрелкам слайдера, перелистывались все слайдеры которые есть на странице, так как у них был общий класс. Позже я решил эту задачу написав код который вы увидите ниже закомментированный тут https://jsfiddle.net/pmb7ehfu/2/
Он работал прекрасно, он определял где находится слайдер и шел выше до родителя и искал стрелки/контроллеры внутри себя. Таким образом я сделал чтобы каждый слайдер имел свои стрелки. Теперь я обновил свайпер на версию 6+ этот код больше не работает, так как создатель свайпера сделал чтобы каждый свайпер имел свой айди и стрелки привязываются к айди слайдера, можно сказать тот же результат которого добивался я.
Загвоздка в том что, это всё работает только если стрелки слайдера и пагинация лежат обязательно внутри .swiper-container, а это очень не удобно так как зачастую стрелки слайдера находятся за контейнером, а контейнер как вы знаете overflow: hidden;
Задача:
1) Переделать скрипт так, чтобы он работал так же в с 6 версией слайдера.
2) Добавить туда же пагинацию. Чтобы у каждого сладера была своя пагинация.
ПОСТ Оплата! переводом на карту банка!
Пишите свои цены. Спам отлики буду кидать в архив.
Отзывы
Роман изучил проблему и решил буквально за полчаса. Сделал всё как нужно. Рекомендую ++
~ 4 года
назад
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.