Disable Slider Pause on Hover

I tried code by @dwehrmann and this works perfectly but if the slider has a button or link element we can’t access it.
Targeting the link/button using -
.yourClass{
pointer-events:auto;
}

This code was sometimes acting well but sometimes still unable to interact.

Btw, while trying out things I found a simple solution without code for the same issue.

Give a class name to parent slider element and in the style panel under Events option select the none option.

Screenshot 2024-06-24 at 12.20.38 PM

This will work the same way as CSS code making pointers none and allowing slider animation to work even on mouse hover .

And if you have button or link element then select the button class make the cursor pointer and Events to Auto, stops the animation on hovering over the button/link only.

Screenshot 2024-06-24 at 12.23.11 PM

Hope this helps.

2 Likes