Blog Post
Jonathan_Hill
2 years agoSuper Hero
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
- JodiSansone2 years agoCommunity MemberI 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.
- Jonathan_Hill2 years agoSuper HeroThanks 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.)- JodiSansone2 years agoCommunity MemberOh 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
- LauraHansen-0652 years agoCommunity MemberHi 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.
- Jonathan_Hill2 years agoSuper HeroThanks Laura. I like to think of lightboxes as 'layers with extra RAM'.
- LauraHansen-0652 years agoCommunity Memberare 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.
- Jonathan_Hill2 years agoSuper HeroZsolt 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.- LauraHansen-0652 years agoCommunity MemberThank 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.