Canvas Slider Stop on mouse over

Question

Hi, I'm checking this sample: Canvas Slider Sample What do I need to configure it to stop the slider play when I put the mouse over the slides? Thanks for your help.

SemiColonWeb · Accepted Answer

Hello,

This is not enabled by default and requires minor customization. Find the following code in the js/plugins.swiper.js File:
[ch_pre type="js"]autoplay: {
delay: elAutoPlay,
},[/ch_pre]

and replace it with:
[ch_pre type="js"]autoplay: {
delay: elAutoPlay,
pauseOnMouseEnter: true,
},[/ch_pre]

First, you will need to update the js/plugins.js File by finding the js/plugins.swiper.js Functions inside this File and then update it with the codes provided by us. Then minify this File using this Minifier: https://javascript-minifier.com/ .

We have already done this for you. You can consider using the File attached to this Reply.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.