Feature Request: Enable Animation

[aapatre]

Hi @sneas, hope you are doing well
Is it possible to add a feature to animate the divider? :)

As done in this slider: https://github.com/OnurErtugral/react-image-comparison-slider

Thanks & Regards,
Antariksh

[sneas]

Hi Antariksh,

There is no such functionality per-se, but you can build one yourself based on what the component already has. The code example would be:

const slider = document.getElementById('slider');

let direction = 'right';

let move = () => {
    slider.value = slider.value + 0.15 * (direction === 'right' ? 1  : -1);
    if (slider.value >= 100) {
       direction = 'left';
    }

    if (slider.value <= 0) {
        direction = 'right';
    }
}

let animationId;

let animate = () => {
  move();
  animationId = requestAnimationFrame(animate);
}

animationId = requestAnimationFrame(animate);

[aapatre]

Thanks a lot, @sneas
I will try this out :)

[Vantadaga]

Is it possible to make this work with this project?