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 HarasymBonnie Jeansonne, Munesh Ramprashad, Pamela DavisonMatthew MasonLeon 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.

Counting Challenge
View DemoDownload SourcePaul Alders |  Website | @paulalders

3D Rotation Sliders

Rotate objects by dragging the slider.

3D Rotation Sliders
View Demo |Charles Hamper | Website | @cfhamper

Stop-Motion Animation Sliders

Drag the slider to view the trotting pig motion.

Stop-Motion Animation Sliders
View DemoCharles Hamper | Website | @cfhamper

Meet Your Team

Interactive office sliders let you meet your new team and view interior and exterior views of your new home away from home.

Meet Your Team

View DemoRobbie Chui | Website | @RobbieChui

Storyline 2 Sliders and Radios

There’s a song for everyone in this interactive radio that uses sliders to change stations.

Storyline 2 Sliders and Radios
View DemoRichard Watson | Learn More | @rwatsonID

Paper Doll Sliders

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

Paper Doll Sliders
View demo | Jackie Van Nice | Learn More | @jackietrains

Sliders with Storyline & JavaScript

Sliders with Storyline & JavaScript

View DemoDownload Source | Kawstov FLIP | Website

Slider Cookies

Customize your cookie order using sliders.

Slider Cookies
View Demo | Joanna Kurpiewska | Website

Jean Sliders

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

Jean Sliders
View Demo | Bonnie Jeansonne | Website | @_Ms_J

 

Slider Gluten Meter

Drag the slider on the gluten meter to get an idea how the “gluten count” can go up during the day.

Slider Gluten Meter
View Demo | Rebecca Fleisch Cordeiro | Website | @refco27

Self-Evaluation Sliders

Drag the slider to rate your comfort level at the end of each module. Review tips and guidance are provided based on the learner’s comfort level.

Self-Evaluation Sliders
View Demo | Elearning Locker | Download (SL1) | Website | @elearninglocker

Furniture Instruction Sliders

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

Furniture Instruction Sliders
View Demo | Jeff Kortenbosch | Website | @elearningjeff

Workplace Safety Sliders

Drag the slider to learn more about site safety equipment.

Workplace Safety Sliders
View Demo | Tom Kuhlmann | Website | @TomKuhlmann

Website Customization Sliders

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

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

iPhone 6 Product Slider

Product tour using interactive sliders.

iPhone 6 Product Slider

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.

Bert

View Demo | Dan Sweigert | Blog post | @elearningwdan

Leon Geschwind

Drag the sliders to view the rotating canoe.

Leon Geschwind

View demo | Leon Geschwind

Pictogram Characters

Pictogram Characters

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

Scuba Steve Blows BubblesScuba Steve Blows Bubbles

View demo | Tom Kuhlmann | Website | @TomKuhlmann

Marta Burda

Marta Burda

View demo | Marta Burda | Website

Joanna Kurpiewska

Joanna Kurpiewska

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

Michael Hinze

Michael Hinze

View demo | Learn more | Michael Hinze | @keypointlearn

Jenise Cook

Jenise Cook 

View demo | Jenise Cook | Website | @jenisecook

Michael Hinze

Michael Hinze

View demo | Michael Hinze | Website | @keypointlearn 

Matt Guyan

Matt Guyan

View demo | Matt Guyan | Website | @MattGuyan

Shahid Yakoob

Shahid Yakoob Elearning Slider

View demo | Shahid Yakoob | Website | @4ptLtd

David Lindenberg

David Lindenberg

View demo | David Lindenberg | Website | @dvdlindenberg 

Alexander Salas

Alexander Salas

View demo | Alexander Salas | Website | @stylelearn 

James Ruffell

James Ruffell

View demo | Learn more | James Ruffell | @jamruff

Joshua Farquharson

Joshua Farquharson

View demo | Learn more |  Joshua Farquharson | Website | @ahtools1

Ashi Tandon

Ashi Tandon

View demo | Ashi Tandon | Website | @ashi_tandon

Monique Gaudin

Monique Gaudin

View demo | Learn more | Monique Gaudin | @MoniGD

Joanna Kurpiewska

Joanna Kurpiewska

View demo | Joanna Kurpiewska | Website | @elearningjoanna 

Rachel Craig

Rachel Craig

View demo | Rachel Craig

Brian Ambrose

Brian Ambrose

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

Michael Hinze

Michael Hinze

View demo | Learn more | Michael Hinze | @keypointlearn

Tim Neill

Tim Neill

View demo | Download | Tim Neill | Website 

Ross Garner

Ross Garner

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

Chris White

Chris White

View demo | Chris White | Website | @3wiredesigns

Dianne Hope

Dianne Hope

Learn more | Dianne Hope | Website | @DianneHope

Kimberly Bourque Valliere

Kimberly Bourque Valliere

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

Harshal Prabhulkar

Harshal Prabhulkar

View project | Learn more | Harshal Prabhulkar | Website

Nejc Žorga Dulmin

Nejc Žorga Dulmin

View project | Nejc Žorga Dulmin | Website@nejcd

Richard Hill

Richard Hill

View project | Chrome HTML5 | Richard Hill | Website

Ayoub Haouari

Ayoub Haouari

View project | Download | Ayoub Haouari

Noura Sa'd

Noura Sa

View project | Noura Sa'd

Jörg Probst

Jörg Probst

View project | Jörg Probst

Devlin Peck

 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.

Share Your E-Learning Slider Examples!