I have a before after slider that can be embedded into Storyline, that all you really need to do is swap out the images before you embed, i will hunt it out and pull a tutorial together for it
Michael's demo didn't use JS at all. Rather, it used an image sliced into about 50 pieces which gave him 50ish build ups of a final image. He then changed the state with a slider. See my notes in his post.
I will pull it together and post, it is an off the shelf slider, only change I have made is to fix it because it would not load correctly in IE and any delay loading the images broke it, so I changed the code to ensure both images were loaded first and also fix it inside IE
12 Replies
https://community.articulate.com/discussions/articulate-storyline/freebie-before-after-image-slider
Thank you! Is there a tutorial anywhere?
There is a blog link (which talks through what to do) on there or you could download any of the javascript before after sliders and use those,
I was thinking about JS, but wasn't sure how to implement those as all the instructions I could find were for HTML or CSS.
Embed it as a web object.
Unfortunately I don't know enough about web design at this point to turn javascript into a web page to link Storyline to.
I have a before after slider that can be embedded into Storyline, that all you really need to do is swap out the images before you embed, i will hunt it out and pull a tutorial together for it
Michael's demo didn't use JS at all. Rather, it used an image sliced into about 50 pieces which gave him 50ish build ups of a final image. He then changed the state with a slider.
See my notes in his post.
Always looking for an easier way. :)
I think the javascript slider is the easier way but that may just be me. I think Owen has done a great way of explaining what Michael did.
Phil, you know I love JavaScript, so I would still love to see your example!
#AlwaysLearningFromTheRealPros
I will pull it together and post, it is an off the shelf slider, only change I have made is to fix it because it would not load correctly in IE and any delay loading the images broke it, so I changed the code to ensure both images were loaded first and also fix it inside IE
This post was removed by the author
This discussion is closed. You can start a new discussion or contact Articulate Support.