@Norum

Как сделать так, чтобы в Swiper JS одновременно отображались пагинация с фракцией и прогрессбар?

Как сделать так, чтобы одновременно отображался прогрессбар с линией прогресса и числовое отображение активного слайда из общего числа слайдов? Я пытался решить этот вопрос по видео, но прописав тот же самый код JS, почему-то всплывает ошибка Uncaught ReferenceError: myImageSLider is not defined. Так как по умолчанию одновременная работа прогрессбара и пагинации с фракцией невозможна, в свойствах pagination я прописал type: 'progressbar' а для числового отображения слайдов я сделал блок .image-slider__fraction в котором и разместил все элементы. Так как я в JS не силен, прошу вас помочь разобраться в чем проблема или предложить более правильное решение.

PS то самое видео https://youtu.be/ddbxsrGPRY0?t=2898

Сайт ilyin1ib.beget.tech

Весь код https://jsfiddle.net/qav8z7f3/

60edcfad70ba4456517560.jpeg

<div class="image-slider__fraction">
                        <div class="image-slider__current">1</div>
                        <div class="image-slider__sepparator">/</div>
                        <div class="image-slider__total">1</div>
</div>


let mySliderAllSlides = document.querySelector('.image-slider__total');
    let mySliderCurrentSlide = document.querySelector('.image-slider__current');
 
    mySliderAllSlides.innerHTML = myImageSLider.slides.length;
 
    myImageSLider.on('slideChange',  function() {
        let currentSlide = ++myImageSLider.realIndex;
        mySliderCurrentSlide.innerHTML = currentSlide;
    });
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 1
LenovoId
@LenovoId
I want, women not to get sick
Я понятие не имею сможете ли вы самостоятельно что то изменить там но вот готовое: https://codepen.io/topicstarter/pen/BaRpZWV

я slick плохо знаю но дело в том что frontend если не знает то хотя бы искать и изменять должен сам за редким исключением когда подобной информации нету в сети а те вопросу которые вы задаёте уже 900% кто то задавал раньше ... и потому каждая плюшка ищется как два пальца ...
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы