60+ Examples of Interactive Sliders in E-Learning #52

Interactive Sliders in E-Learning RECAP #52: Challenge | Recap

Looking to learn more about sliders, or just curious how they can be used in e-learning? You won't want to miss the sliderrific examples shared in last week’s slider challenge.

A super big welcome to this week’s first-time challengers:  Frances Steinberg, Robbie Chui, Kawstov FLIP,  Joanna Kurpiewska , Katarzyna Harasym, Bonnie Jeansonne, Munesh Ramprashad, Pamela Davison, Matthew Mason, Leon Geschwind, and Paulina Bobrowska. Thanks for joining the challenges and sharing your ideas. We’re glad you’re here!

Counting Challenge

Use the slider to find the correct answer to math problems.

View Demo | Download Source | Paul Alders |  Website | @paulalders

3D Rotation Sliders

Rotate objects by dragging the slider.

View Demo |Charles Hamper | Website | @cfhamper

Stop-Motion Animation Sliders

Drag the slider to view the trotting pig motion.

View Demo | Charles Hamper | Website | @cfhamper

Paper Doll Sliders

Drag the slider to try on different doll clothes and accessories.

View demo | Jackie Van Nice | Learn More | @jackietrains

Slider Cookies

Customize your cookie order using sliders.

View Demo | Joanna Kurpiewska | Website

Jean Sliders

Creative concept using image sliders to reveal objects hidden in pockets.

View Demo | Bonnie Jeansonne | Website | @_Ms_J

Furniture Instruction Sliders

Self-paced technical instructions using sliders. Could also be used for software tutorials.

View Demo | Jeff Kortenbosch | Website | @elearningjeff

Workplace Safety Sliders

Drag the slider to learn more about site safety equipment.

View Demo | Tom Kuhlmann | Website | @TomKuhlmann

Website Customization Sliders

Drag the sliders to customize your websites background, fonts, and color scheme.

View Demo | Download (SL2) | Ashley Chiasson | Learn More | @amdchiasson

iPhone 6 Product Slider

Product tour using interactive sliders.

View Demo | Munesh Ramprashad | @MRamprashad

Bert's Sliders

No one makes the slider like Bert's! Test yer slider-fryin' skills in this "well done" interaction by Dan.

View Demo | Dan Sweigert | Blog post | @elearningwdan

Leon Geschwind

Drag the sliders to view the rotating canoe.

View demo | Leon Geschwind

Pictogram Characters

View demo | Learn more… | Jackie Van Nice | @jackietrains

Scuba Steve Blows Bubbles

View demo | Tom Kuhlmann | Website | @TomKuhlmann

Marta Burda

View demo | Marta Burda | Website

Joanna Kurpiewska

View project | Download | Joanna Kurpiewska | Website | @elearningjoanna

Matt Guyan

View demo | Matt Guyan | Website | @MattGuyan

Shahid Yakoob

View demo | Shahid Yakoob | Website | @4ptLtd

David Lindenberg

View demo | David Lindenberg | Website | @dvdlindenberg 

Alexander Salas

View demo | Alexander Salas | Website | @stylelearn 

James Ruffell

View demo | Learn more | James Ruffell | @jamruff

Joanna Kurpiewska

View demo | Joanna Kurpiewska | Website | @elearningjoanna 

Rachel Craig

View demo | Rachel Craig

Brian Ambrose

View demo | Download | Brian Ambrose | Website | @BATrains

Ross Garner

View demo | Download | Ross Garner | Website | @R0ssGarner

Kimberly Bourque Valliere

View project | Download | Kimberly Bourque Valliere | Blog Post | @Kim_Bourque

Nejc Žorga Dulmin

View project | Nejc Žorga Dulmin | Website | @nejcd

Richard Hill

View project | Chrome HTML5 | Richard Hill | Website

Noura Sa'd

View project | Noura Sa'd

Jörg Probst

View project | Jörg Probst

Devlin Peck

View project | Devlin Peck

About the E-Learning Challenges

The weekly 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.

Share Your E-Learning Slider Examples!

The slider challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.