Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

grid option inside thumbnail slider not working (isNavigation) #1289

Open
2 tasks done
MiGoep opened this issue Mar 14, 2024 · 0 comments
Open
2 tasks done

grid option inside thumbnail slider not working (isNavigation) #1289

MiGoep opened this issue Mar 14, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@MiGoep
Copy link

MiGoep commented Mar 14, 2024

Checks

Version

4.0.6

Description

I'm trying to link the grid option with the Thumbnail Slider (isNavigation). The grid works, but the synchronization doesn't. Clicking on the thumbnails does not update the main slider or slide it further.

Could it be that mixing these two options doesn't work?

Reproduction Link

No response

Steps to Reproduce

`
var thumbnailSliderSplide = new Splide("#thumbnailSlider", {
isNavigation: true,
pagination: false,
arrows: false,
grid: {
rows: 2,
cols: 6,
gap : {
row: '0.5rem',
col: '0.5rem',
}
},
}).mount(window.splide.Extensions);

var largeImageSliderSplide = new Splide("#largeImageSlider", {
type: "slide",
rewind: true,
speed: 1000,
pagination: false
}).sync(thumbnailSliderSplide).mount(window.splide.Extensions);
`

I also tried without using "window.splide.Extensions" on largeImageSliderSplide.

Expected Behaviour

Click on the Thumbnail Slider elements should sync with largeImageSliderSplide and go the same index.

@MiGoep MiGoep added the bug Something isn't working label Mar 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant