Swiper 8 and Jest (support ESM) Must use import to load ES Module enter image description here enter image description here How we can solve if I need to keep swiper 8 (without downgrade)

Im looking for a little help to complete my SwiperJS implementation to replace other sliders on my site - the intent is to have variable width slides - if there is a landscape slide in the centre t...

I'm using this kind of configuration for swiper: var swiper = new Swiper('.swiper-container', { spaceBetween: 30, slidesPerView: 3, speed: 2500, centeredSlides: true, autoplay: 1000, autoplay...

I updated my Angular Ionic 5 application and trying to migrate from ion-slides to Slides. I am following the official docs. I installed swiper npm install swiper@6 Did import in the scss file @imp...

First time using swiper ,I followed the documentation and added the html part in my code ,then initialize it in JS, I initialize pagination but it is not showing on my page. This is my code: JS: ...

I am trying to use Swiper but I cannot achieve it, I followed the steps in the documentation (https://swiperjs.com/get-started/), the problem is that all the images / slides are mixed together, it ...

I'am trying to use slidesPerView: 'auto' with spaceBetween: 20 property, but Swiper shows only one slide per view. I want to show next slide right after the first one even if it will be cutted by ...

I'm trying to have 3 visible slides in the page. The problem is that whenever there are less than 3 slides those slides are duplicated to fill also the empty spaces so, for instance, if I have just...

I want to make my Swiper Slider Responsive in React.js I am using Swiper React Components and I am new to this. I have added same width in media queries in css and added same width to breakpoints o...

Swiper react has a documentation in witch it is not explained how to add custom navigation buttons. I tried this and it didn't work I'm using swiper 8.0.5 <Swiper modules={[Navigation, Paginati...

I'm battling the calculated width, with swiperjs. I have have my slider working, however I'm trying to place it inside a container I created with CSS grid that has 2 columns, and 2 rows where the...

Good morning, I'm making a site using VueJS for the frontend, I have installed SwiperJS via npm for Vue to make sliders. It works fine but i'm not able to make functioning breakpoints to have a res...

I'm trying to replicate this, only with <script setup> tag which doesn't have this keyword. Template (from code that I'm trying to replicate) <swiper ref="swiper"> <swiper...

I want to show a part of the second slide into view. Around 20-30%. I have set slidesPerView to 2.1 (on mobile devices!) to show part of the next slide. However, when scrolling through the slides i...

hi i'm trying to create responsive slider on my wordpress website, i want to have slider on desktop 5 columns, on tablet 4 columns, and on mobile 3 columns, and hide arrows on mobile using css this...

I'm struggling with changing swipe direction when I rotate my swiper on 90deg. So in the beginning by default it has horizontal direction. When clicking on slide I'm rotating "swiper-container" mak...

When I read the swiper's docs, I can not get what's the usage of longSwipes. Can anyone tell me ? It's best to give an example. Thanks. https://swiperjs.com/swiper-api#swiper-full-html-layout

I have an Nx repo with an Angular app and Jest as the test framework. The app has a component that uses the Swiper library. When trying to test the component, I get the following error messages: ●...

var mySwiper = new Swiper('.myswiper', { autoplay: 3000, simulateTouch: true, loop: true, preloadImages: true, speed: 200, pagination: '.swiper-pagination' }); While this is my initial swi...

I set swiper.js to navigate through different questions using ReactJS. I'm trying to change the {quesNumber} state with swiper's onSlideChange method, which should set the "q" URL paramet...

I'm running into a problem on my unit tests after upgrading Swiper 6 to 7. I'm using Angular 12 and Swiper 7.3.1. Before upgrading it the unit tests were working fine (Swiper version 6.5.9). I'm us...

I'm creating a simple slideshow using swiper.js. My config looks like this: var mySwiper = new Swiper( '#swiper-container', { autoplay: { delay : 400000 }, loop: true, speed: 2800, grabCur...

I can't get the custom bullets to slide when clicked from swiper.js. Here is my stackblitz I've added the config property 'clickable: true' Here is my swiper code code private pagination: Swi...

I followed this guide to set up swiper slider in my Angular 8 application. I get the below error when importing NgxUsefulSwiperModule into app.module.ts ERROR in ./node_modules/ngx-useful-swiper/fe...

I set up Swiper Slider as per the documentation and every slide slides as if one. <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1&...