\n

Using Lightbox Slides in E-Learning #200: Challenge | Recap

\n

Challenge of the Week

\n

This week, your challenge is to share one or more examples that demonstrate how lightbox slides can be used in e-learning courses.

\n

Share Your E-Learning Work

\n

\n
• Comments: Use the comments section below to share a link to your published example and blog post.
\n
• Forums: Start  your own thread and share a link to your published example..
\n
• Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
\n
• Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n

\n

Last Week’s Challenge:

\n

Before you dive into this week’s challenge, check out the fresh batch of tabs interactions your fellow community members shared over the past week:

\n

\n

Tabs Interactions in E-Learning RECAP #199: Challenge | Recap

\n

Wishing you a light-tastic week, E-Learning Heroes!

\n

New to the E-Learning Challenges?

\n

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

\n

Using Lightbox Slides in E-Learning #200: Challenge | Recap

\n

Challenge of the Week

\n

This week, your challenge is to share one or more examples that demonstrate how lightbox slides can be used in e-learning courses.

\n

Share Your E-Learning Work

\n

\n
• Comments: Use the comments section below to share a link to your published example and blog post.
\n
• Forums: Start  your own thread and share a link to your published example..
\n
• Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
\n
• Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n

\n

Last Week’s Challenge:

\n

Before you dive into this week’s challenge, check out the fresh batch of tabs interactions your fellow community members shared over the past week:

\n

\n

Tabs Interactions in E-Learning RECAP #199: Challenge | Recap

\n

Wishing you a light-tastic week, E-Learning Heroes!

\n

New to the E-Learning Challenges?

\n

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Try this out

https://elearning-examples.s3.amazonaws.com/Weekly-Challenge/200-Lightbox/HycinthVincent/story_html5.html

Wow, Hycinth - you've gotten a whole lot of information into a very small amount of screen real estate. Advantage: Lightboxes.

Hi Hycinth,
There are some great ideas here about different ways to use lightboxes inside of other lightboxes. My favorite was the slider where you highlighted parts of the picture to give more detail.

Awsome.... different ways to use lightboxes. Very nice

Hola, Better late than never. Click on the lightbox to come out of the scene: http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1cdn7jrot1nv2pkb16sbl0eq0d9/story_html5.html

What a great way to present a scene, Ashi! It makes me want to know more about what's happening in that building. :)

Thanks Jackie, So glad you liked it :)

Ashi, something went wrong. When I clicked on the link, I received an error message which I couldn't even click out of, so I had to hit contr/alt/del to close Google Chrome. It worked for Jackie earlier, so I wonder if something has happened to that page?

I know it's a little late for this, but I had created something and had trouble using lightboxes and switched to regular slides. Long story short, I was able to create the course with help from someone on here, and then decided to try figuring out the lightbox puzzle (tough with tracking variables). I think I figured it out, and I know it's very basic but I just started using Storyline this week. Also unsure if I am sharing this the right way - I had a tough time figuring out how to publish it to share on here, but I believe this works.

https://360.articulate.com/review/content/3cedf6bd-b8c8-4f72-a914-b67d8bdaf04e/review

Using lightboxes to highlight art pieces, and more!

Link:
http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1cdpkndu97qu815np9fqq7i9/story.html

File:
https://drive.google.com/open?id=1Ymuy1Poq6SEbFg0tmFfZeMBtjEQcUrz0

Enjoy and have a good weekend!

Lawrence, I clicked on the link and got an error message.

Hmm I'm guessing the 10 days of the tempshare are over.

Here is a new link:
http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1cera9cu0bt43ug18cej2m9g69/story.html

Example of how i have used lightboxes in the assessment question. This course was based on a drug administered by pharmacists and doctors.

http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1ce01s2r51ffb1avcjk41q2d19ec9/story.html


Let me know what you think :)

Thank You

With Regards

Kiran

Hi Kiran -

Thanks so much for sharing in this week's challenge. Any chance you can send me your published project so I can host on our servers? Tempshare will delete your project any day now and I'd like to preserve your work.

Here's a link to your example in the recap: https://community.articulate.com/articles/lightbox-slides-in-elearning#KiranDhot

I've just discovered you can create a trigger with a lightbox condition. When you add the trigger's condition, select \"Window\", then select \"if this slide is lightboxed\". The immediate use I can think of is to show or hide items, for example, custom navigation buttons.

That's interesting William. Was that using Storyline3, or 360?

That's in SL3. Unfortunately I no longer have SL2 to see if it's in there. Don't know for sure, but I imagine if it's in 3 it should be in 360.

Hello, This is my first challenge. I'm new to Storyline. All feedback is welcomed.

http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1ce9rqkfq1oe71m8h680j58ljo9/story_html5.html

Hi Barbara,

Welcome to the community and pretty awesome way to get started. I like your use of the slider and taking advantage of the lightbox. Well done and I look forward to see more of your creations.

Thank you, Alexander!

Hi Barbara, cool idea to combine the slider with lightboxes. It's neat the way the slider itself changes.

Thank you, Daniel. I really enjoyed developing it.

Hi Barbara! Welcome to the challenges. I see you're using Tempshare to host your project. Tempshare will auto-delete your project after 10 days. I'd really like to preserve your cool example. Any chance you can send me your published files so I can add them to our servers?

Here's a link to your example in the recap: https://community.articulate.com/articles/lightbox-slides-in-elearning#BarbaraJohnson

Hi David, I will send it. Thank you for sharing.

Hey folks,

Here's a nice experiment using a lightboxed slide as a background color selector:
http://stylelearn.com/elhchallenges/200_lightbox/story_html5.html

You can get the SL360 source file here: http://bit.ly/2J3Ew3Q

Quick little lesson about types of beer.

https://360.articulate.com/review/content/ec9cacdc-331b-4df8-a526-b7d78622b028/review

Information gathered from http://www.thebeerstore.ca/beer-101/beer-types

Looks great Richard, but then how can you lose when the subject is beer?

This sure is an active challenge! The recap is once again current: https://community.articulate.com/articles/lightbox-slides-in-elearning/ If you shared an example and it's not in the recap, please let me know so I can add it.

While lightbox slides are super easy to use, the creative examples you shared have opened up so many new possibilities. Thank you all so much!