Using Sliders to Create Parallax Effects in E-Learning #115

Parallax Scrolling in E-Learning #115: Challenge | Recap

How Can E-Learning Designers Use the Parallax Effect in Courses?

How many times have you learned to do something new in a software program you’ve been using for years?

Maybe you discovered a feature or preference you didn’t know existed. Or, maybe it was less about a feature than it was combining features or using the tool in creative ways that enabled you to create something magical.

Creative accidents are one of the best ways to brighten a course designer’s day. While they can’t always be triggered on demand, a sure-fire way to find them is by participating in active communities like E-Learning Heroes.

Learning to use software tools in new and creative ways is like getting a free upgrade. And that’s what this week’s parallax challenge is all about.

What is the Parallax Effect?

Parallax scrolling is a motion effect that’s used to simulate depth by animating background images slower than foreground images. The effect can be found in everything from video games to websites to e-learning. Let’s take a look at some fantastic examples.

Challenge of the Week

This week, your challenge is to create a parallax effect for e-learning using Storyline’s sliders.

Technically, this is our most advanced challenge. Please let us know if you get stuck or have any questions. I don’t want anyone to skip this challenge because they can’t get their sliders to work correctly.

Last Week’s Challenge:

Before you slide into this week’s challenge, take a few moments to zoom through the fantastic examples your fellow community members shared:

35+ Techniques for Zooming and Magnifying Pictures #114
Zooming Pictures RECAP #114: Challenge | Recap


Share Your Parallax Examples!

The parallax challenge has been updated for 2019. Please share your ideas in our current challenge:

Creating Parallax Effects with Interactive Sliders in E-Learning (2019) #253