Extension:ImageCompare/de

This page is a translated version of the page Extension:ImageCompare and the translation is 12% complete.
Other languages:
MediaWiki-Erweiterungen
OOjs UI icon alert-invert.svg
ImageCompare
Freigabestatus: instabil
ImageCompare.svg
Einbindung Tag
Beschreibung Adds a tag to interactively compare two images using a slider
Autor(en) Leduyquang03Diskussion
Letzte Version 0.0.3 (2018-12-11)
MediaWiki 1.29+
PHP Any
Datenbankänderungen Nein
Lizenz MIT-Lizenz
Herunterladen
imgcomp
Übersetze die ImageCompare-Erweiterung, wenn sie auf translatewiki.net verfügbar ist

Prüfe die Benutzungs- und Versionsmatrix.

Probleme Offene Aufgaben · Einen Fehler melden

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

Installation

  • Die Erweiterung herunterladen und die Datei(en) in ein Verzeichnis namens ImageCompare im Ordner extensions/ ablegen.
  • Folgenden Code am Ende der LocalSettings.php hinzufügen:
    wfLoadExtension( 'ImageCompare' );
    
  •   Erledigt – Zu Special:Version in dem Wiki (bei Einstellung auf deutsch nach Spezial:Version) navigieren, um die erfolgreiche Installierung der Erweiterung zu überprüfen.

Verwendung

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