swiper icon indicating copy to clipboard operation
swiper copied to clipboard

Issue thumbnail navigation (loop:true and effect:fade) loops through all slides on clicking navigation thubnails

Open opicron opened this issue 1 year ago • 0 comments

Check that this is really a bug

  • [X] I confirm

Reproduction link

https://thawk.nl/uncategorized/test-acf-slider-block-with-swiperjs/

Bug description

When using the thumbnail navigation with the following configurations loop:true and effect:fade.

An issue occurs when navigating by first clicking the 2nd thumbnail and then the 3rd thumbnail.

It also happens when using click navigating from 3rd to 2nd thumbnail.

Expected Behavior

I expected no 'middle' image to pop up between navigation from clicking 2nd to 3rd thumbnail. Nor from clicking 3rd thumbnail and then the 2nd thumbnail.

Actual Behavior

It seems the slider quickly loops through the 1st image before actually ending on the 3rd image.

When I set loop:false the issue is gone.

Swiper version

11.1.7

Platform/Target and Browser Versions

Windows/Edge

Validations

  • [X] Follow our Code of Conduct
  • [X] Read the docs.
  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • [X] Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • [ ] I'm willing to open a PR

opicron avatar Jul 26 '24 13:07 opicron