E-Learning Challenge #316 – using lightboxes

March 3, 2021

I found this week’s E-Learning challenge to be fun and I got to learn something new! I had no idea what lightboxes were before this challenge, and I needed to learn that in order to take part. To that end, I went ahead and took David Anderson’s class this week on lightboxes. He gave some really awesome examples on how to use lightboxes in a course, including using them as a learning journal for taking notes, for navigational commands, and for additional information boxes (just to name a few).

Want to jump right to it?

View my demo on the periodic table!

In order to test my new found skills, I decided to use lightboxes in a variety of functions, and based it on the periodic table.

The instruction lightbox is a layer made to look like a lightbox. I included a close (x) button to easily close the layer.

Main slide. All other lightboxes open from here. Each element (in the demo, only H, He, and Li work) will open a lightbox with information specific to that element. Also – clicking on the element group color opens a layer lightbox with info specific to that group.

This lightbox is actually a layer with a transparent shape behind to simulate a lightbox effect.

This actual lightbox (used on all the element slides) allows for moving through the element slides (both forward and backwards) in their atomic number order.

What the lightbox looks like with the player closed.

I borrowed images and chemistry information from Chem4Kids.com, Ducksters.com and LiveScience.com to make my demo.

#ELHChallenge