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

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

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

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

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

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

 

 

Ross Garner

Ross Garner

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

Kimberly Bourque Valliere

Kimberly Bourque Valliere

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

Nejc Žorga Dulmin

Nejc Žorga Dulmin

View project | Nejc Žorga Dulmin | Website@nejcd

Richard Hill

Richard Hill

View project | Chrome HTML5 | Richard Hill | Website

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.

Using Interactive Sliders in E-Learning 2018 #205