Splidejs / splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
https://splidejs.com
MIT License
4.83k stars 418 forks source link

Scroll thumbnails without changing the main content? #1190

Open amoralesdesign opened 1 year ago

amoralesdesign commented 1 year ago

Checks

Version

4.x.x

Description

Im using the Thumbnail Carousel option. Is it possible to scroll the "thumbnails" (id="splide02" in the example) without changing the main image (id="splide01" in the example)?

I only want the main image to change when you click on a thumbnail. This way you can scroll through all the thumbnails and when click on the one that you want.

Try my example by opening my product gallery and setting the mobile mode. You will see that scrolling the thumbnails will change the main image as well. I want to avoid this.

Reproduction Link

https://mantaspersonalizadas.com/manta-polar-personalizada

Steps to Reproduce

  1. Open the mobile mode with Chrome F12
  2. You will see that scrolling the thumbnails will change the main image as well. I want to avoid this.

Expected Behaviour

I only want the main image to change when you click on a thumbnail. This way you can scroll through all the thumbnails and when click on the one that you want.