Creating a thumbnail slider with two Swipers does not work

[b-rahmani]

Check that this is really a bug

• I confirm

Reproduction link

https://stackblitz.com/edit/qwik-starter-xnlcwc?file=src%2Froutes%2Findex.jsx

Bug description

I want to create a thumbnail slider in which thumbnails are shown at the bottom in smaller sizes and on click of each thumbnail the main slider shows that image in a bigger size.

Basically, I want to create this using Swiper.

I use onSwiper from the thumbnail Swiper to get the instance. Then I want to pass it to the main Swiper. And in this step it does not work no matter what I do.

Expected Behavior

Passing Swiper instances should work.

Actual Behavior

Passing Swiper instances does not work.

Swiper version

11.0.5

Platform/Target and Browser Versions

Chrome 119.0.6045.159 (Official Build) (64-bit)

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• 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