Extension:ImageCompare
This extension is incompatible with MediaWiki 1.38 or any later release! You are advised against using this extension on a live site. Volunteer developers are invited to pledge their efforts to updating this extension to make it compatible with MediaWiki 1.41 by replacing the {{Incompatible }} template with {{Incompatible |version=1.38|pledge=~~~~}} . |
A request to archive this extension has been made on Phabricator. See task T353968 for the archival request and the rationale for the request, and to leave comments about the request. |
This extension is currently not actively maintained! Although it may still work, any bug reports or feature requests will more than likely be ignored. If you are interested in taking on the task of developing and maintaining this extension, you can request repository ownership. As a courtesy, you may want to contact the author. You should also remove this template and list yourself as maintaining the extension in the page's {{extension}} infobox. |
ImageCompare Release status: unmaintained |
|
---|---|
Implementation | Tag |
Description | Adds a tag to interactively compare two images using a slider |
Author(s) | Leduyquang03talk |
Latest version | 0.0.3 (2018-12-11) |
MediaWiki | 1.29+ |
PHP | Any |
Database changes | No |
License | MIT License |
Download | |
imgcomp |
|
Quarterly downloads | 2 (Ranked 147th) |
Translate the ImageCompare extension if it is available at translatewiki.net | |
Issues | Open tasks · Report a bug |
This extension adds the <imgcomp>
tag which displays an interactive slider for comparing two images side by side.
Installation[edit]
- Download and move the extracted
ImageCompare
folder to yourextensions/
directory.
Developers and code contributors should install the extension from Git instead, using:cd extensions/
git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/ImageCompare - Add the following code at the bottom of your LocalSettings.php file:
wfLoadExtension( 'ImageCompare' );
- Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.
Usage[edit]
To add two images to compare, use the <imgcomp>
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.
- mobilewidth: A number specifying the width of the images for the mobile version, also in pixels. If not specified, it will be 320 or the specified width if it is smaller.
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:
<imgcomp img1='JPEG example.jpg' img2='PNG example.png' />
To compare Draft.png and Colored.png, with each image having the width of 400px:
<imgcomp img1='Draft.png' img2='Colored.png' width=400 />