swiper.js Questions

6

It's been days that I'm working on setting the swiper in my application but I still no luck and found no working sample anywhere from here to the Github issues or elsewhere on the net. I can not se...
Belisle asked 27/11, 2020 at 4:15

4

I have some problem with Swiper slider. When i scroll to the end of slider, some empty spaces is visible. http://take.ms/siqXj swiper = new Swiper(profile_images, { slidesPerView: 4, nextButto...
Seftton asked 18/9, 2015 at 10:58

2

I'm trying to use a 3rd party node_nodules which contains css i've tried importing it in various ways into tailwinds app.css in a remix application. The tailwind CSS stuff is being imported and wor...
Direct asked 26/4, 2022 at 13:0

6

Solved

As it seems since version 9 of swiper.js you cannot loop through your slides if you do not have more than double the slides available than slidesPerView. So for example if I want to build a slider ...
Wallywalnut asked 14/2, 2023 at 15:52

5

Please help .I tried a lot but it's not working my requirement is to move the pagination outside of wherever i want but when i use padding or margin it's not working ..It always inside the slider i...
Transaction asked 29/10, 2020 at 8:34

10

Solved

I am using this swiper in React: https://swiperjs.com/react/ I tried to make it "autoplay" but it doesn't auto swipe. This is what I tried: // https://swiperjs.com/get-started/ import Rea...
Humes asked 23/7, 2020 at 10:53

20

Solved

Swiper 7.0.5 swiper/css gives error Module not found: Can't resolve 'swiper/css' import { Swiper, SwiperSlide } from 'swiper/react'; import 'swiper/css'; function Test() { return ( <Swiper sp...
Sail asked 12/9, 2021 at 18:33

17

I'm also having the same problem with the latest version of Swiper. It worked on my previous project but not working right now. Not even that version. Tried on the latest version too. Here is my co...
Just asked 16/9, 2021 at 5:51

8

Solved

Working with swiper js for a slider and want to detect the current image/slide. how i can detect with HTML and JS? any idea? <div class="swiper-container"> <div class="swiper-wrapper" al...
Surpassing asked 5/10, 2015 at 9:22

3

I'm needing some help with Swiper.js I have a site I'm working on https://www.paradev.co.uk/ee-live/home-alt/ and what I want to happen is after the last slide the user can continue to scroll down ...
Titos asked 10/8, 2021 at 16:17

4

After updating to swiper v9.0.3 it showing `'swiper-container' is not a known element: If 'swiper-container' is an Angular component, then verify that it is included in the '@Component.imports' of...
Fourwheeler asked 9/2, 2023 at 14:35

11

Solved

I'm actually migrating to Angular 15 and saw that swiper 9 was out. It's written that a simple npm i swiper and that it should work, since Custom elements are supported in all major browser and by...
Humphreys asked 2/2, 2023 at 16:50

6

first of all thank you for your time because I spent all the morning on this issue. How use the https://idangero.us/swiper module on vue.JS ? Indeed Swiper is on the page but the parameters seems t...
Barham asked 7/5, 2019 at 10:54

3

Solved

We are using swiperjs for slide. It is working great but we have input inside the slide and it is very hard to fill up the input if users can actually swipe on those. Im wondering if there is a way...
Astrogate asked 16/2, 2021 at 7:15

6

I am using Swiper JS (https://swiperjs.com/vue). Each swiper slide contains a button. When clicking on the slide or the button, the slide becomes the active slide, causing the slider to move. Can I...
Enjoy asked 20/10, 2021 at 9:53

19

I am using swiper slider and would like to have navigation arrows outside of the slider. What I would basically like to do is the same as it looks like on airbnb site, where slider with images take...
Bruckner asked 25/1, 2017 at 15:48

16

Solved

I'm using swiper slider on a site and would like to have it disabled if there is only one slide. Currently with only one slide the pagination appears and you can click that or swipe. Ideally ther...
Hoyle asked 21/10, 2016 at 20:57

17

SwiperJS documentation states that navigation prevEl/nextEl can either be of type "string" or "HTMLElement". Using string selectors is easy enough as: const MySwiper = (props) =...
Paraselene asked 28/9, 2020 at 9:23

12

I'm trying to add the Swiper plugin to one of my page. What I'm trying to achieve is to integrate get the carousal slider over here http://idangero.us/swiper/demos/05-slides-per-view.html HTML <...
Josiah asked 3/5, 2017 at 21:12

27

Solved

How can I customize the arrow buttons below from swipers? <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> I did it crudely...
Supplicant asked 28/7, 2017 at 20:25

2

I'm having a little trouble with my Swiper JS slider. I would like the slides to start at the left and slide all the way to the left on each click. Right now the last slide just comes into view but...
Danilodanio asked 31/7, 2021 at 16:43

5

I have an issue with the swiper (http://www.idangero.us/sliders/swiper/api.php)... I am on page 1 and when I swich to the page 2 I want the slider to start with the first slide. I set mySwiper.swip...
Wizard asked 15/4, 2014 at 17:29

18

Solved

I'm using Swiper Slideshow. I'm using this particular version. Here's the exact code I'm using. When adding a second Swiper, the pagination doesn't work properly. I tried giving a different class t...
Sharasharai asked 20/8, 2015 at 13:2

4

There was a big problem with Swiper.js Is it possible to somehow make the width of the slides equal to the width of the content again? At the moment, all slides stretch to the full width of the par...
Otolith asked 24/8, 2021 at 13:1

6

This is probably an easy question but I can't seem to find a solution to this.. I am using vue-awesome-swiper(https://github.surmon.me/vue-awesome-swiper/). I would like to have something like thi...
Ave asked 7/5, 2020 at 13:43

© 2022 - 2024 — McMap. All rights reserved.