Interactive Before and After Images

Examples of interactive before and after image effects using slider effects created in Flash and jQuery widgets.

07.11.2014 Thumbnail image for Interactive graphic: The Berlin Wall then and now

Interactive graphic: The Berlin Wall then and now

Interactive graphic: The Berlin Wall then and now On the evening of Thursday, Nov. 9, 1989, the world changed forever when the Berlin Wall opened […]

View the interactive example →
05.11.2014 Thumbnail image for The Berlin Wall Then and Now

The Berlin Wall Then and Now

The Berlin Wall Then and Now The area around the 158-kilometer (98.2-mile) stretch where the Berlin Wall divided the city has changed utterly in the […]

View the interactive example →
12.11.2013 Thumbnail image for Before and After: Devastation from Typhoon Haiyan in the Philippines

Before and After: Devastation from Typhoon Haiyan in the Philippines

Before and After: Devastation from Typhoon Haiyan in the Philippines The destruction in the city of Tacloban caused by Typhoon Haiyan, which struck a wide […]

View the interactive example →
06.08.2013 Thumbnail image for Before-After: Are Your Spelling Skills in Jeopardy?

Before-After: Are Your Spelling Skills in Jeopardy?

Before-After: Are Your Spelling Skills in Jeopardy? Take this quiz to test your spelling savvy. View the interactive before and after spelling quiz.

View the interactive example →
07.07.2013 Thumbnail image for Before & After: Behind every cloud is an upstart company

Before & After: Behind every cloud is an upstart company

Before & After: Behind every cloud is an upstart computer company Clouds vs. Cloud Computing View the before and after interactive graphic

View the interactive example →
29.01.2013 Thumbnail image for Before & After: Harbaughs head-to-head

Before & After: Harbaughs head-to-head

Before & After: Harbaughs head-to-head Sunday’s Super Bowl matchup pits Baltimore Ravens coach John Harbaugh against his younger brother, San Francisco 49ers coach Jim Harbaugh, […]

View the interactive example →
12.11.2012 Thumbnail image for Before & After: Indianapolis explosion: A before and after look at the damage

Before & After: Indianapolis explosion: A before and after look at the damage

Indianapolis explosion: A before and after look at the damage On Saturday night November 10th, a house exploded on the Southeastside of Indianapolis in the […]

View the interactive example →
01.11.2012 Thumbnail image for Before-After: View NOAA’s aerial photos of Hurricane Sandy damage

Before-After: View NOAA’s aerial photos of Hurricane Sandy damage

Before-After: View NOAA’s aerial photos of Hurricane Sandy damage NOAA’s National Geodetic Survey office has published images for some of New Jersey’s hardest-hit areas, including […]

View the interactive example →
31.10.2012 Thumbnail image for Then & Now: Devastation from Hurricane Sandy

Then & Now: Devastation from Hurricane Sandy

Some of the effects of Hurricane Sandy, which struck a wide swath of the East Coast, are shown in these before-and-after photos. Use the slider […]

View the interactive example →
10.10.2012 Thumbnail image for The Long History of Lying Photos

The Long History of Lying Photos

The Long History of Lying Photos A new exhibit at the Metropolitan Museum of Art traces the pre-digital history of manipulated photography, uncovering the many […]

View the interactive example →
24.09.2012 Thumbnail image for Before-After: Dreamforce Campus Transformation

Before-After: Dreamforce Campus Transformation

Before & After: Dreamforce Campus Transformation A few weeks before Dreamforce this year we came up with an idea: What if we could take photos […]

View the interactive example →
20.09.2012 Thumbnail image for Before-After: Hamilton Ring Road

Before-After: Hamilton Ring Road

Before & After: Hamilton Ring Road Much of it is hidden from commuters but from the air the biggest ever transformation to Hamilton’s roading network […]

View the interactive example →
14.09.2012 Thumbnail image for Before-After: Arctic sea ice before and after record low – interactive map

Before-After: Arctic sea ice before and after record low – interactive map

Arctic sea ice before and after record low – interactive map Arctic sea ice has reached its lowest ever recorded extent, in ‘dramatic changes’, which […]

View the interactive example →
04.09.2012 Thumbnail image for Before-After: Boise’s Smoky Summer

Before-After: Boise’s Smoky Summer

Before & After: Boise’s Smoky Summer Check out the interactive photo below to see just how smoky the valley was on Thursday. Click and drag […]

View the interactive example →
24.08.2012 Thumbnail image for Before-After: The restoration became blight

Before-After: The restoration became blight

Before & After: The restoration became blight A neighbor intervened octogenarian “without asking permission from anyone,” the work of a painter of the nineteenth adorning […]

View the interactive example →
27.07.2012 Thumbnail image for Before-After: London’s Olympic Park

Before-After: London’s Olympic Park

Before & After: London’s Olympic Park As the 2012 Olympic Games get under way at last, see the transformation of the area around Stratford, east […]

View the interactive example →
27.07.2012 Thumbnail image for Before-After: Home Staging

Before-After: Home Staging

Before & After: Home Staging View the interactive before and after images

View the interactive example →
22.07.2012 Thumbnail image for Before-After: Paterno statue removed at Penn State

Before-After: Paterno statue removed at Penn State

Before & After: Paterno statue removed at Penn State In the wake of the child sex scandal of former assistant football coach Jerry Sandusky, Penn […]

View the interactive example →
14.07.2012 Thumbnail image for Before-After: London’s Olympic Transformation (Interactive Map)

Before-After: London’s Olympic Transformation (Interactive Map)

Before-After: London’s Olympic Transformation Since its successful bid for the Olympic games in 2006, Britain has transformed abandoned lots, bus depots, and even a chemical […]

View the interactive example →
12.07.2012 Thumbnail image for Before-After: Lost Dallas

Before-After: Lost Dallas

Before-After: Lost Dallas Although founded in 1841, Dallas did not experience significant growth until 1873 when the Texas and Pacific (T&P) Railroad crossed the Houston […]

View the interactive example →
05.07.2012 Thumbnail image for Before-After Images: London before and after the Shard

Before-After Images: London before and after the Shard

Before-After Images: London before and after the Shard Different images show how Europe’s tallest skyscraper has altered the capital’s landscape. View the interactive before-after image […]

View the interactive example →
28.06.2012 Thumbnail image for Before & After: Toronto condo boom changing city’s landscape

Before & After: Toronto condo boom changing city’s landscape

Before & After: Toronto condo boom changing city’s landscape Over the past decade, Toronto’s skyline has been transformed by its explosive condo market. We take […]

View the interactive example →
01.06.2012 Thumbnail image for Before & After: The Way We Were

Before & After: The Way We Were

Before & After: The Way We Were Whyte’s restaurant at 145 Fulton Street, photographed in 1909 when it was new and today, retains some of […]

View the interactive example →
27.05.2012 Thumbnail image for Then & Now: Penn Avenue, East Liberty

Then & Now: Penn Avenue, East Liberty

[Then & Now] Pittsburgh: Penn Avenue, East Liberty In the 1950s, East Liberty was the third largest business district in the state, behind Center City […]

View the interactive example →
25.05.2012 Thumbnail image for Tornado devastates Quebec church

Tornado devastates Quebec church

Tornado devastates Quebec church Two powerful tornadoes whipped through Quebec on May 25, causing widespread damage. The images below show a church in Mirabel as […]

View the interactive example →
21.05.2012 Thumbnail image for Before-After: Indy 500: New features of the 2012 IZOD IndyCar Series car

Before-After: Indy 500: New features of the 2012 IZOD IndyCar Series car

Indy 500: New features of the 2012 IZOD IndyCar Series car This year, the cars in the Indianapolis 500 get an overhaul in both appearance […]

View the interactive example →
03.05.2012 Thumbnail image for [Then & Now] Scenes from the 1992 L.A. riots

[Then & Now] Scenes from the 1992 L.A. riots

[Then & Now] Scenes from the 1992 L.A. riots April 29 marks the 20th anniversary of the 1992 Los Angeles riots. Photographer Kirk McKoy was […]

View the interactive example →