Image Comparison Slider


#1

Hey all,

How abouts would I begin creating an image slider where it changes the image based on slider position? My idea is like a before/after image where you can move a vertical slider to compare the two.

For a better idea of what I mean: https://www.w3schools.com/howto/howto_js_image_comparison.asp

No idea where to start or how to approach this!


#2

There’s a good example in this thread. I think you could just pop an image in each side of the panel.


#3

Here is an example I came up with. There are two images each in a dynamic panel. The left panel is set to half its size. The right panel is in the background full size. The logic is in the slider in the middle that calculates and sets the size of the left panel as well as its own position.

ImageSliderCompare.rp (443.6 KB)