Click on slide to make it an active

[yahav10]

Hi, I would like to know if there’s any option to click anywhere on the slides and navigate to it automatically? Without the buttons on the side.

I have view of 3 slides inside the carousel and I want to let the us er the option to click on the right/left slides to be able and navigate there without using the buttons.

[NaotoshiFujita]

Use the Splide#go() method and the click event:
https://splidejs.com/guides/apis/#go
https://splidejs.com/guides/events/#click

[yahav10]

I am struggling to implement it, I don’t know how to set an action even on each slider and pass it. Do you have an example for this maybe?

[glmvc]

Late to the party, but I hope this simplified example will help someone in the future.

const splide = new Splide(".splide"); // create new splide instance
splide.mount(); // init the splide instance

splide.on("click", function (slide) { // listen for "click" event: fired when the user clicks any slide
  splide.go(slide.index); // apply "go" method: slide to the index of the clicked slide (component)
});

[reallycoyote]

enable data-splide-hash and label your slides with numbers

$('.splide__slide').click(function() {
splide.go(parseInt($(this).attr("data-splide-hash")-1));
});