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 really wanted to be able to recreate this. I tried Michael Hinze's approach and I got some glitchy flashes that occur, like the base image is showing through unexpectedly as the slider moves. I tried Russel's approach but when I add my image to the slide background and shape it deteriorates. I tried editing the size of the image in photoshop following Articulate's best practice for adding images.
Any thoughts on how I can fix either?
Thanks, Owen. I saw that break down but I was able to crop the image at 5 px sections by alt drag cropping the image in each state. I tried your process but have the same issue. I have attached the current version storyfile.
Hi Martin,
Your story size is too small. So the background image deteriorates because it is being stretched.
Try increasing your story size to 720 x 861. It will give you better results.
You were right! Looks much better now. Thanks for your help.
Hello!
I quickly wanted to share that we are no longer seeing this bug, Storyline crashes when editing the state of an image by cropping the image, in the latest version of Storyline 360.
I'd recommend using Storyline 360 (Build 3.61.27106.0) or later.
You can reach out to our Support Team in this discussion or privately in a support case.
