Before and After Visual Comparisons

Before and After Visual Comparisons RECAP #100: Challenge | Recap

Interactive comparisons are a great way to show visual changes between two images. This week's challenge features creative ideas for presenting before and after concepts using sliders, toggle buttons, switches and more!

Special thanks and welcome to first-time challengers: Allison Goldthorpe, Christina Stephenson, Kevin O'Connor, Phil Eagles, Alphonso Hendricks, and Nicola Fern! Thank you for joining the challenges this week!

Miss one or more challenges? No worries! The challenges are always open. You can jump into this or any previous challenge anytime and we'll update the recap post to include your work.

Nancy Woinoski

Nancy Woinoski

View demo | Learn more |  Nancy Woinoski | Website | @pinchedhead

Alexander Salas

Alexander Salas

View demo | Alexander Salas | Website | @stylelearn

Jeff Kortenbosch

Jeff Kortenbosch

View demo | Download (PowerPoint) | Jeff Kortenbosch | Website | @elearningjeff

Mauro Gaiotto

Mauro Gaiotto

View demo | Mauro Gaiotto

Chris Lee

Chris Lee

View demo | Chris Lee | Website

Jane Maduke

Jane Maduke

View demo | Learn more | Download | Jane Maduke | Website

Jeff Kortenbosch

Jeff Kortenbosch

View demo | Download | Jeff Kortenbosch | Website | @elearningjeff

Montse Anderson

Montse Anderson

View demo | Montse Anderson | Website | @mLearning

Brian Keys

Brian Keys

View demo | Brian Keys | Website | @briantrains

Ajay Gupta

Ajay Gupta

View demo | Ajay Gupta | Website | @epiphanylearnin

Michael Hinze

Michael Hinze

View demo | Michael Hinze | Website | @keypointlearn

Dianne Hope

Michael Hinze

View demo | Dianne Hope | Website | @DianneHope

Ashi Tandon

Ashi Tandon

View demo | Ashi Tandon | Website | @ashi_tandon

Virak Yang

Virak Yang

View demo | Virak Yang | Website

Bob Kaart

Bob Kaart

View demo (v1) | Bob Kaart | Website

Bob Kaart

View demo (v2) | Bob Kaart | Website

Jack Quantrill

Jack Quantrill

View demo | Jack Quantrill

Claudia Scheel

Claudia Scheel

View demo | Claudia Scheel

Dena Fife

Dena Fife

View demo | Dena Fife

Matthew Lee

Matthew Lee

View demo | Matthew Lee

Stephanie Harnett

Stephanie Harnett

View demo | Stephanie Harnett | Website | @slhice

Charles Hamper

Charles Hamper

View demo | Charles Hamper | Website | @cfhamper

Dianne Hope

Dianne Hope

View demo | Dianne Hope | Website | @DianneHope

Allison Goldthorpe

Allison Goldthorpe

View demo | Learn more | Allison Goldthorpe

Kayla Burtch

Kayla Burtch

View demo | Kayla Burtch | Website

Ashi Tandon

Ashi Tandon

View demo | Ashi Tandon | Website | @ashi_tandon

Christina Stephenson

 Christina Stephenson

View demo | Christina Stephenson | Website

Gerard Friel

Gerard Friel

View demo | Learn more | Gerard Friel | Website |  @gerardfriel

JD Maddox

JD Maddox

View demo | JD Maddox

Kevin O'Connor

Kevin O

View demo | Kevin O'Connor

Nagarjuna Veeramallu

Nagarjuna Veeramallu

View demo | Nagarjuna Veeramallu | Pixentia | @pixentia

Alexander Salas

Alexander Salas

View demo | Learn more | Alexander Salas | Website | @stylelearn

Kartik Tyagi

Kartik Tyagi

View demo | Kartik Tyagi

Phil Eagles

Phil Eagles

View demo | Phil Eagles | Website

Joanna Kurpiewska

Joanna Kurpiewska

View demo | Joanna Kurpiewska | Website | @elearningjoanna

Dianne Hope

Dianne Hope

View demo | Dianne Hope | Website | @DianneHope

Dianne Hope

View demo |Learn more |  Dianne Hope | Website | @DianneHope

Rachel Craig

Rachel Craig

View demo | Rachel Craig

Gena Hocson

Gena Hocson

View demo | Learn more | Gena Hocson | Website

Michael Hinze

Michael Hinze

View demo | Michael Hinze | Website | @keypointlearn

Alphonso Hendricks

Alphonso Hendricks

View demo | Alphonso Hendricks | Website

Nick Russell

Nick Russell

View demo | Nick Russell | Website

Nicola Fern

Nicola Fern

View demo | Nicola Fern

Linda Lorenzetti

Linda Lorenzetti

View demo | Linda Lorenzetti | Website | @lindalor

Michael Hinze

Michael Hinze

View demo | Learn more | Michael Hinze | Website | @keypointlearn

Stephen Brodeur

Stephen Brodeurd

View demo | Stephen Brodeur | Website | @bigwhitekendoll

Stephen Brodeurd

View demo | Stephen Brodeur | Website | @bigwhitekendoll

Lisa Morris

Lisa Morris

View demo (PowerPoint) | Lisa Morris

Richard Polk

Richard Polk

View demo | Richard Polk

Rini Soel

Rini Soel

View demo | Rini Soel

Jackie Van Nice

Jackie Van Nice

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

Meaghan Lister

Meaghan Lister

View project | Learn more | Meaghan Lister | @meg_afe

New to 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.

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.

If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Share Your Before and After Image Comparisons!

The before and after image 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.

Before and After: Showing Interactive Comparisons in E-Learning #100