THIS IS ONLY A TESTWIKI! LH, MW 1.39.7, PHP 8, SMW 4.1.3

Juxtapose: Unterschied zwischen den Versionen

Aus Test
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
K (10 Versionen importiert)
 
(7 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
* Ziel: Enduser soll zwei Bilder mit Slider überblenden können. Soll so aussehen wie hier: https://www.geschichtewiki.wien.gv.at/Juxtapose_Test
{{#widget:Juxtapose|id=182c39d0-b552-11e9-b9b8-0edaf8f81e27|width=800}}
** in diesem Test wurde ein vordefinierter Code in einem Widget verwendet. Quelltext:
<nowiki>{{#widget:Juxtapose|id=182c39d0-b552-11e9-b9b8-0edaf8f81e27|width=200px}}</nowiki>
** Das ist ein ziemlicher Unsinn, weil zu umständlich: es verwendet das hier: https://juxtapose.knightlab.com/#make
 
== Aufgaben ==
* Versuche mal, das Juxtapose-Widget aus dem Wien Geschichte Wiki in deinem Testwiki zu installieren (Widget Extension + das Widget von dort).
* Dann versuch mal, ein Beispiel mit diesem Konfiguratior zum Laufen zu bringen
 
== Ziel ==
Ziel wäre es daher, eine eigene Extension dafür zu schreiben und nicht dem Widget eine "black box" mit vordefiniertem code anzeigen zu lassen.
* https://github.com/NUKnightLab/juxtapose#create-a-juxtapose-slider
 
Zuvor müssen wir aber überlegen, ob das überhaupt sinnvoll ist, das Projekt von KnightLab zu verwenden. Weil eventuell gibt es einfachere Möglichkeiten, so etwas in MediaWiki zu realisieren. Ziel ist es ja nicht, irgenwelche Bilder zu vergleichen, sondern nur die in einer MediaWiki-Instanz hochgeladenen.
 
Habe in einer kurzen Recherche das hier gefunden, bitte noch weiter recherchieren
* https://www.w3schools.com/howto/howto_js_image_comparison.asp
* https://ourcodeworld.com/articles/read/263/top-5-best-before-and-after-image-comparison-slider-jquery-and-javascript-plugins
** bitte bei al denen in dem Artikel oberhalb recherchieren, ob es da ev. schon Lösungen für MediaWiki gibt
* https://www.jqueryscript.net/other/jQuery-Plugin-For-Comparing-Images-By-Mouse-Move-Comparison.html

Aktuelle Version vom 8. September 2023, 11:01 Uhr