Using Web Objects in E-Learning #220: Challenge | Recap
Storyline’s Web Objects are similar to lightbox slides in that they give course designers a solution for loading on-demand content an...
Published 6 years ago
Version 1.0
Blog Post
Oh, that's a cool challenge. Here's one of my favourite web object examples I created lately.
https://bit.ly/2T5ACwe
I work a lot with animal health related content hence this dog BEFORE and AFTER demo.
if you'd like to find out more how it's built here's everything you need to recreate this effect:
https://www.w3schools.com/howto/howto_js_image_comparison.asp
https://bit.ly/2T5ACwe
I work a lot with animal health related content hence this dog BEFORE and AFTER demo.
if you'd like to find out more how it's built here's everything you need to recreate this effect:
https://www.w3schools.com/howto/howto_js_image_comparison.asp
- I think this slider is really cool. I am definitely going to incorporate this into one of my projects.
- I'm glad you find it useful, Nancy. What are you going to sliderize? (have I just come up with a new verb?)
- Don't know yet. The trick is to get two images that will sliderize together nicely.
- THIS is cool.
- Loved it! So simple, yet so elegant!
- Hey Joanna. That is nice. Did you use a javascript trigger? How did you achieve this good result? Have you uploaded the pictures in a webpage and then add it as a web object?
- Hi Teo.
If you follow 3Wschools link I attached it will explain how to setup html file. All you need except html are two the same size images showing BEFORE and AFTER state. Then put everything in one folder and insert web object into Storyline linking to this folder.
- Hi Joanna,
I've really liked your demo and I wanted to give it a try but I'm having trouble when publishing in review.
the comparison slider works fine in my little folder but when I publish it I can't see the pictures anymore;
any ideas? I can't see what I'm doing wrong.
thanks a lot
