@budda674

Как менять подсветку стрелок при смене слайдов в swiper?

В слайдере 2 стрелки для переключения в виде svg. Нужно изначально сделать стрелку назад fill-opacity .4, если слайд сменился то дать этой стрелке fill-opacity .8.Если слайдер пролистал до последнего слайда либо пользователь это сделал, то стрелке вперед дать fill-opacity .4. изучал эвенты в доках, но во первых не нашел подходящего, во вторых, тот же slideChange не делает того что нужно при смене слайдов, он делает стрелку сразу активной. Кто сталкивался с таким?

const mainSlider = new Swiper('.slider',{
    // autoplay: {
    //     delay: 5000,
    // },
    navigation: {
        nextEl: '.swiper__next',
        prevEl: '.swiper__prev',
    },
    on: {
        slideChange: function (){
            document.querySelector('.swiper__prev_sett svg path').style.fillOpacity = '0.8';
        }
    },
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
            return '<span class="pagination__line + ' + className + '"></span>';
        },
    },
    touchRatio: 0,
    simulateTouch: false,
    loop: true,

})
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
XPOWER Одесса
от 3 000 до 5 500 $
07 мар. 2021, в 18:22
5000 руб./за проект
07 мар. 2021, в 17:45
9000 руб./за проект
07 мар. 2021, в 17:44
3000 руб./за проект