How to auto dragable?

[nurullah7733]

how to auto move handler with out mouse click or hover. its posible?

[nerdyman]

Hi @nurullah7733, you can use useReactCompareSliderRef to programatically set the position of the slider.

The transition demo uses useReactCompareSliderRef to set the position of the slider when it mounts. You can see the code for the demo by clicking on the Code tab at the bottom .

You can also set the change the position prop on the <ReactCompareSlider /> component to set change the position on demand but useReactCompareSliderRef is more performant.

Please mark this ticket as resolved/answered if this solves the issue for you, thanks!

[nurullah7733]

I need to like this website section: -> https://choosygraphics.com/ visite and scroll below and get the Why Choose Us section screenshort here auto infinite showing after and before imgs

[nerdyman]

@nurullah7733 You should be able to achieve that using useReactCompareSliderRef, transition and changePositionOnHover.

You'd need to set the transition property to something slow like 3 seconds and continually flip the position from 0 to 100. So when it gets 100 set the position to 0 and when it gets to 0 set the position to 100. You'll also need to set transition to undefined and stop the flipping of the position when the user puts their pointer over the slider component and then enable transition and the position flipping again when the pointer leaves the slider component.