Image Reveal jQuery Project

This image reveal example uses jQuery to reveal an image hidden overtop of the base image. For this example I’m using two of my photos from Paris to show the Eiffel Tower during the day and again at night.

The JavaScript can easily be edited to change the starting location of the reveal, to change to a horizontal reveal, and to change the direction of the reveal.

Try It For Yourself

Hover over or tap the image to change between day and night.

The Eiffel Tower in the morning taken from the Champ de Mars in Paris - photo by Jordan Jamieson
The Eiffel Tower in the evening taken from the Champ de Mars in Paris - photo by Jordan Jamieson