Incorrect slide selection when centeredSlides = false, slidesPerView > 1
See original GitHub issueThere’s some error in the number of slides that can be selected when centeredSlides = false
and slidesPerView > 1
The result seems to be something like this (I’m not really sure):
available slides = total number of slides - slidesPerView + 1
I found it when implementing a variant of thumbs-gallery demo, so I’ve made a testcase using it: http://jsfiddle.net/rfc1en11/
Issue Analytics
- State:
- Created 9 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Swiper slider not working as expected with loop: true and ...
When a thumbnail or a navigation arrow is clicked the main slider doesn't show the active thumbnail, i searched and didn't found any...
Read more >Swiper with lazy loading and auto slides per view does not ...
Problem : next images in view are never loaded and when I slide it to ... loadPrevNextAmount: 2, }, centeredSlides: false, //added this...
Read more >SwiperOptions | Swiper - v8.4.5
Set to false to disable swiping to next slide direction (to right or ... const swiper = new Swiper('.swiper', { // Default parameters...
Read more >Need help with swiper js - Custom code - Forum | Webflow
Hello Ezra, I have a problem with showing 2 or more different sliders on one page. How do I have to change the...
Read more >Ion-Slides: Mobile Touch Slider with Built-In & Custom Animation
Ion-Slides is a multi-section container which offers custom and built-in mobile touch slider animation effects. See how Ion-Slides works with iOS and ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
How could one think two options can’t work together if there is nothing about it anywhere?
How would one know what is or isn’t normal behavior if all documentation available is an API page and Demos?
That is how Swiper works, control doesn’t work based on slide indexes it works on a percentage divider between (maxTranslateParent - minTranslateParent)/(maxTranslateChild - minTranslateChild). So when centeredSlides = false, you can’t move thumbs to the most right slide that is why those multiplication percentage became different
Here is solution http://jsfiddle.net/1gLna398/8/