Sunday, May 19, 2024
HomeCSSjavascript - Swiper slider cell horizontal picture being interpreted as two slides

javascript – Swiper slider cell horizontal picture being interpreted as two slides


I made a swiper slider for my undertaking photographs https://lesformesassociees.com/projets, however for some motive on cell, photographs which might be in panorama and span their full width (so that they overflow) are being interpreted as two slides as an alternative of 1 which is making the slider index rely (backside of web page) displaying further slides.

Could not discover something relating to this on the discussion board. Any concepts on the way to clear up this?

The present code for my slider is that this :

        const swiper = new Swiper(".swiper", {
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
          },
          pagination: {
            el: ".swiper-pagination",
            kind: "fraction",
          },
          initialSlide: 0,
          slidesPerView: "auto",
          spaceBetween: 0,
          freeMode: true,
          mousewheel: true,
          loop: false,
          observer: true,
          observeParents: true,
        });

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments