Extension:ImageCompare

This extension adds the  tag which displays an interactive slider for comparing two images side by side.

Usage
To add two images to compare, use the  tag with these attributes (bold ones are required):


 * img1: The title of the image to the left ("before").
 * img2: The title of the image to the right ("after").


 * width: A number specifying the width for compared images in pixels. By default, images are added with their highest resolution.

The titles must not have the File: namespace.

The inner content of the tag will be ignored.

Ideally, the two images should have the same width and height.


 * Examples :

To compare JPEG example.jpg with PNG example.png:



To compare Draft.png and Colored.png, with each image having the width of 400px:

