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
- I failed! I'm more an expert on necks right now. :) I'm curious to see how your download works. I like the idea of how a lightbox looks like a "window," but I see why you might want to change it's appearance. And I had to cringe when I saw the x-ray with all the pieces. Ouch.
- Thanks Jodi. The x-ray images are from a brilliant CC0 resource that I stumbled on called radiopaedia.org
If you struggle spotting which x-ray is a knee, not an elbow, there's an additional clue. (Check out the patient's name and DOB on each x-ray.)- Oh great! Thank for telling us about it. I just looked up neck injuries and found a fractured C6-7. I can't wait to tell my doctor I consulted with radiopaedia.org to diagnose myself! :) He'll really hate me now! That's worse than saying "I talked to my neighbor who's an orthopedist and he said..."
https://radiopaedia.org/cases/c6-7-fracture-dislocation?lang=us
- Hi Jonathan! Thank you for this insight! I haven't really played with lightbox that much because I could not quite understand when/why I would use that vs. a layer.
- Thanks Laura. I like to think of lightboxes as 'layers with extra RAM'.
- 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.
