Forum Discussion
Freebie: `Before & After` Image Slider
I thought someone might be interested in this slider interaction.
The source file can be downloaded here.
Here is a brief blog post about the setup.
I have tried this every which way and cannot get it to work with the slider. Could someone help me? I do not know what I am doing wrong. : (
Hello Moriah,
I took a different approach to creating this type of Before & After image slider.
I didn't like having to crop an image into a bunch of strips. I found it too time consuming.
In this example project, I set the after image as the slide background.
Then I added the before image onto the slide.
On top of the before image, there is a Reveal rectangle. I set the fill of this rectangle to: Slide background fill.
Then for each state of the Reveal rectangle, the width of the rectangle is increased.
With this approach, I no longer have to do any cropping. I use it as a template where all I have to do is swap out the slide background image (after image) and the before image.
Hi Russell,
Thank you SO MUCH for sharing that with me. After working with Articulate, there is a bug that is crashing Storyline when I use my crop tool, so that option wasn't even on the table for me anymore. I so, so, so appreciate that you took the time to answer my question and show me how to do this in the future. I'm very grateful. Thank you!
Sincerely,
Moriah
