Actual widget output
Before and after

Let visitors drag between two versions of an image.

Each example below is the actual published output of the Image comparison widget with two sample images: a pencil sketch of a valley and the finished watercolour. Drag anywhere on the image, or focus it and use the arrow keys.

Pencil sketch of a valley with three rolling hills, a low sun and three round trees
Finished watercolour of the same valley in blues and greens with a pale yellow sun

Default settings: a 400px frame, the divider in the middle with a white round handle, and Before and After tags.