Using Lightbox Slides in E-Learning #433: Challenge | Recap
Looking for a way to present any type of content in an engaging, focused, and interactive way without requiring learners to navig...
Published 2 years ago
Version 1.0
Blog Post
Hello!
One of the benefits of using a lightbox over layers, is that complex interactions can be easier to build and manage as separate lightboxed slides. But you have less control over the appearance of a lightbox than layers.
However, with Javascript it is possible to remove the default 'close' button and to hide the base slide. This makes the lightbox perform a bit more like a layer.
This 'pick one' quiz tracks your actions within the lightbox and provides adaptive feedback. With just two options, you'd be forgiven for thinking it's a 50/50 shot. But if you don't view all of the information in the lightbox, or misinterpret this information, you won't get a pass.
SECOND OPINION
Demo: https://bit.ly/elhc433
Download: https://bit.ly/elhc433dl
One of the benefits of using a lightbox over layers, is that complex interactions can be easier to build and manage as separate lightboxed slides. But you have less control over the appearance of a lightbox than layers.
However, with Javascript it is possible to remove the default 'close' button and to hide the base slide. This makes the lightbox perform a bit more like a layer.
This 'pick one' quiz tracks your actions within the lightbox and provides adaptive feedback. With just two options, you'd be forgiven for thinking it's a 50/50 shot. But if you don't view all of the information in the lightbox, or misinterpret this information, you won't get a pass.
SECOND OPINION
Demo: https://bit.ly/elhc433
Download: https://bit.ly/elhc433dl
are there any good resources you can recommend for dipping my toes in the javascript waters? I'd love to try out removing the default close button. I added mine to my lightboxes, but the default one is still there as well.
- Zsolt Olah's POP99 remains a good place to start.
https://www.rabbitoreg.com/examples/p99/#/
For now, I'd recommend experimenting and borrowing examples from others. Bear in mind that Javascript won't work in Preview mode. But if you open my .story file next to yours and copy the Javascript triggers into your lightboxed slides, the code should work straight out of the (light)box.- Thank you @jonathan! I've bookmarked this rise module and your code worked! I'm basically a hacker now. 🤣 Maybe I need to revive my myspace page.