2,192 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
0
votes
2
answers
90
views
SwiperJS coverflow not showing middle item
i need some help with react swiperJS.
Im trying to do coverflow animation, but whenever i refresh the page it always stuck on the last item.
i only have 3 items to show.
But when i add 5+ items it ...
-4
votes
0
answers
41
views
Swiper autoplay works in localhost but stops randomly in production (Next.js + Netlify)
I'm using Next.js (App Router) with Swiper.js to create a continuous autoplay slider.
Locally it works perfectly, but in production (Netlify) autoplay sometimes doesn't start or stops randomly, ...
Advice
0
votes
2
replies
86
views
How to slide 6 images at a time with vertical sidebar navigation?
I'm trying to create an image gallery using Swiper.js. Here is what I want:
1. The gallery displays multiple images in a grid (e.g., 2 rows ×ばつ 3 columns, total 6 images per slide).
2. When I click the &...
0
votes
0
answers
50
views
Swiper.js centeredSlides with loop not showing next slides on mobile
I'm using Swiper.js with centeredSlides: true and loop: true on mobile. I want the current slide centered and the previous/next slides partially visible (about 20% on each side).
Currently, the first ...
-1
votes
1
answer
31
views
Is it possible to combine the SwiperJs modules of Navigation and Fade Effect with eachother?
So i am trying to combine the navigation module and the fade effect module so that when i click on a navigation button it uses a fade effect.
However, for some reason this does not seem to work and it ...
1
vote
1
answer
97
views
swiper.js w/ coverflow causing 'mouse' problems?
<html>
<head>
<style>
.swiper-slide {
width: 75px !important;
cursor: no-drop;
}
</style>
&...
0
votes
1
answer
50
views
Clicking on thumbnail slide does not change main Swiper slider
Angular v20
Swiper v11.2.10
I am using Swiper Web Components in an Angular project to build a product gallery with a main slider (sw-primary) and a vertical thumbnail slider (sw-secondary).
The ...
1
vote
1
answer
49
views
How to preserve PicoCSS (form) styling inside Swiper <swiper-slide>?
Questions:
How to preserve PicoCSS (form) styling inside Swiper <swiper-slide>?
What is causing PicoCSS form styling to break inside Swiper <swiper-slide>?
The styles injected by Swiper ...
0
votes
0
answers
35
views
Swiper reference Instance destroyed when getting swiper offsceen
I'm having a little trouble understanding the destroyed feature. When is it activated?
I have the following setup: I have a vertical swiper in Vue3. OnMount, the swiper is read into a variable.
...
1
vote
2
answers
274
views
Swiper slider with box shadow
I have a problem with SwiperJS slider - I would like to add for each item a box-shadow.
When I wrap it with swiper CSS classes then I can see that overflow is hidden and crop my shadow.
How can I ...
0
votes
0
answers
55
views
swiper.update() triggers slideChange unexpectedly — how to prevent or handle it?
I'm building a custom datepicker component using Swiper.js in an Angular project. The component includes three Swiper instances for year, month, and day selection.
The month list is dynamically ...
2
votes
0
answers
169
views
How to dynamically update the language direction (RTL / LTR)? [closed]
Problem
I'm using Swiper Element in an Angular component and I want to dynamically update the swiper's direction based on the current language ('ar' for RTL, 'en' for LTR) using a LangService.
The ...
2
votes
0
answers
78
views
How to allow a slider item to overflow only from the top on hover, but hide overflow on the sides in a swiper slider? [closed]
Question:
I’m working with Swiper.js slider and have a hover effect on each slide where the slide grows in size and moves upward, overflowing outside the main slider container.
My goal is:
On hover, ...
0
votes
0
answers
59
views
Swiper slide is not taking the full width of the carousel, even when specified as show 1 slide
I'm trying to make my slides take up on the whole swiper, its not meant to show the prev and next slides, just one since its basically a Hero.
This is my current code, you will notice i try to ...
0
votes
0
answers
30
views
React swiper doesn't centralize on the phone sized screen
I'm using the Swiper library to display images. It works fine on tablets and desktops, but I’m having trouble with small phone screens:
At 320px width it looks okay, but there's too much space ...