Расширение:ImageCompare

This page is a translated version of the page Extension:ImageCompare and the translation is 25% complete.
Справка по расширениям MediaWiki
ImageCompare
Статус релиза: не поддерживается
Реализация Тег
Описание Adds a tag to interactively compare two images using a slider
Автор(ы) Leduyquang03обсуждение
Последняя версия 0.0.3 (2018-12-11)
MediaWiki 1.29+
PHP Any
Изменения в БД Нет
Лицензия MIT License
Скачать
imgcomp
Ежеквартальные загрузки 0
Переведите расширение ImageCompare, если оно доступно на translatewiki.net
Проблемы Открытые задачи · Сообщить об ошибке

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

Установка

  • Скачайте и распакуйте файл(ы) в папку с названием ImageCompare в вашей папке extensions/.
    Вместо этого разработчикам и соавторам кода следует установить расширение из Git, используя:cd extensions/
    git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/ImageCompare
  • Добавьте следующий код в конце вашего файла LocalSettings.php :
    wfLoadExtension( 'ImageCompare' );
    
  •   Готово – Перейдите на страницу Special:Version на своей вики, чтобы удостовериться в том, что расширение успешно установлено.

Использование

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.

Примеры

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 />