I would like to move the pagination bullets to the top of the viewing area, from the bottom. <div class="swiper-container"> <div class="swiper-wrapper"></div> <div class="sw...

I am currently working with svelte to create a smooth auto slider using SwiperJs. It seems that I am unable to create that animation. When loading the page, the autoPlay dosen't seem to work. Below...

I am using Swiper library to show image Slides and thumbnails. Whenever I click on a particular thumbnail, the image mapping to the thumbnail clicked should appear on view. import { Swiper, SwiperS...

I'm creating unit testing of Swiper using Jest. Here is my code: https://codesandbox.io/s/swiper-default-react-forked-v0dnz?file=/src/App.test.jsx ● Test suite failed to run Cannot find module 's...

I have the following mySwiper = new Swiper('.my-swiper', { direction: 'vertical', loop: true, }); mySwiper.on('slideChange', function () { console.log('*** mySwiper.realIndex', mySwiper.realInd...

I would like to ask if there is a way to control/set the active slide with swiper/react? I have tried to handle the onSwiper function with props but still cant update the slide index. Thank you

im working on a swiper. my intention is to collect some in slider but i dont want to use breakPonit attribute for responsively work. i want to slidesPerView, automatically fill the swiper wrapper. ...

Working with Swiper JS for a slider and want to enable center slides only for the middle slides and not the first and last slides. Is there an easy and configurable way to specify the index of the ...

There is an issue with the Swiper plugin on Chrome for Windows with a big screen. It leaves empty gaps to the left of slides, I created a pen to demonstrate this: https://codepen.io/anon/pen/BwMxW...

I'm using Swiper Element (WebComponent) and I'm trying to adjust the styles of each slide. I'm using injectStyles for this purpose, which works fine for most parts: export const PROJECT_SWIPER_OPTI...

For two days, I've been really struggling to run a functional Swiper Grid option with my Next.js app. I've tried many stackoverflow solutions and tried different ways to make this grid behavior wor...

I have problem with SwiperJS. How to make absolute positioned elements overlap their overflow:hidden parent .swiper-container? My example at https://codepen.io/webspilka/pen/XWNLOjj .swiper-contain...

I am creating a photo carousel using swiperJS ref link here. Here are the params of the swiper: mySwiper = Swiper('.swiper-container', { loop: false, speed: 800, slidesPerView: 'auto', grabC...

I customerized the arrow shape and color of swiper js by adding svg, but it did not have any functionality. And I ended up having two sets of arrows on each side, one is my own arrow button which d...

How to stop swiper slide autoplay on mouse enter and start autoplay on mouse leave? I have tried .stopAutoplay() and .startAutoplay() function but not worked for me. thank you here is code. and i ...

Using SwiperJS in my ReactJS application. I've imported the default style bundle, but can't figure out how to style the pagination container or the bullets. In the pagination: param within ... Ever...

I have to design a slider exactly like this. Like this unsplash.com or this piotnetgrid.com. I could not solve the following issue with swiper: I want to use the loop in this slider. In this slider...

Hi I'm using iDangero Swiper on a website I'm doing and for some reason I cant get the responsive break points to work. below is the js I'm using. var swiper = new Swiper('.s1', { slidesPerView: ...

I´m using swiper to make a slider on my website. Unfortunately the navigation isn´t working in Chrome.. The buttons appear but don´t do anything. This is my code: <div class="swiper-container"...

I've installed SwiperJS into my NextJS project. I've following exactly the Swiper Tutorial Documentation but there's an issue when I try to styling classes like .swiper, .swiper-slide ... The style...

I have added swiper code in [REMOVED]. my code like here <div class="swiper-container"> <div class="swiper-wrapper"> <!--First Slide--> <div class="swiper-slide" id="swipe...

Swiperjs has this link: https://unpkg.com/swiper/ to use their swiper locally. But how do I do download the content of this page? I want the to have the content of this site locally. When I hit tha...

I am working with SwiperJS (www.swiperjs.com), and I am having an issue where the swipe to the next photo is working, but the previous and next buttons are not. I have looked at every article I can...

I want to include this slideshow: https://swiperjs.com/react/ As I find it not very comfortable to drag for the next slide, I want to add an onClick event to the full Slider so the next slide comes...

How can I hide swiper js navigation buttons(left and right) when no more images are present in the particular direction Eg. When there are no images in the right direction then the right navigation...