Onmouseover Cauorsel pause
Application Type
Traditional Web
  • Onmouseover carousel, it needs to be paused.
  • Onmouseout the carousel needs to be autoplayed.

caurosel.png

Hello Mohamed Zubair Ahmed,

Did you have the option "Autoplay" as True? And also the "Loop" as True?

I made a simple example and it works in perfection:

https://personal-xchr.outsystemscloud.com/TestTradicional/Carousel.aspx?_ts=637683295690956803

I also include a options to reduce the autoplay timer.

"{
    autoplayHoverPause: true,
    autoplayTimeout: 3000
}"

Hope it helps.

Nuno R

Hello Mohamed Zubair Ahmed,

You can see all advanced options of this component here:

https://github.com/ganlanyuan/tiny-slider#options

You can try:
"
{
autoplayHoverPause: true;
}
"

I dont try but I think it solves your issue.

Hope it helps,

Nuno R


Hi Nuno Rodrigues,

I tried this code it helps me in pausing the carousel, but when I take the mouse out of the carousel it needs to autoplay the carousel. But still, it is paused. 

onmouseover ==> Pause

onmouseout==> autoplay


Regards,

Mohamed Zubair Ahmed

Hello Mohamed Zubair Ahmed,

Did you have the option "Autoplay" as True? And also the "Loop" as True?

I made a simple example and it works in perfection:

https://personal-xchr.outsystemscloud.com/TestTradicional/Carousel.aspx?_ts=637683295690956803

I also include a options to reduce the autoplay timer.

"{
    autoplayHoverPause: true,
    autoplayTimeout: 3000
}"

Hope it helps.

Nuno R

Hello Nuno Rodrigues,

     It is working as expected ,Thanks.

Regards,

Mohamed Zubair Ahmed

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.