Bildvergleichsschieber

Alles klar, Leute, ich hatte endlich Zeit, daran zu arbeiten.
Hoffentlich besteht immer noch Interesse an diesem TC!

Der PR überarbeitet den TC mit folgenden Funktionen:

  • Zoomen und Schieben (Mausrad, Pinch-Geste und Steuerelemente direkt im Bild)
  • Vollbildansicht
  • Öffnen der Originalbilder in voller Größe im Lightbox-Modus
  • Optionale Vorher/Nachher-Beschriftungen mit konfigurierbarer Platzierung
  • Optionale Bildunterschrift
  • Verschiedene Griffstile (Linie, dünn, Kreis, Greifer) und eine benutzerdefinierte Grifffarbe
  • Bearbeitung der Schieberegler direkt im Rich-Text-Editor oder per Markdown
  • Tastaturzugänglichkeit (Pfeiltasten verschieben den Trenner, +/-/0 zoomen)
  • Einschränkung, wer Schieberegler einfügen darf, basierend auf Gruppen

Das Markdown-Format wurde unter Verwendung des [wrap]-Tags geändert. Die Abwärtskompatibilität ist gewährleistet.
Version 2026.6.0-latest ist erforderlich.

Es ist mobil und RTL-freundlich. Allerdings bin ich kein UX-Experte und konnte auf mobilen Geräten oder iOS nicht viel testen.

Wenn Sie separat testen möchten, können Sie Folgendes verwenden:

  • URL: https://github.com/arkshine/discourse-image-comparison-slider
  • Branch: modernize-with-rte
    (Ich empfehle, Schieberegler aus der vorherigen Version nicht zu bearbeiten, um das Markdown-Format nicht zu ändern)
4 „Gefällt mir“