Vorher-Nachher Bildvergleich für WPBakery

Projektbeschreibung

Der Vorher-Nachher Bildvergleich wurde als eigenständiges Addon für den WPBakery Page Builder entwickelt, um Bildvergleiche auf professionelle und zugleich intuitive Weise zu präsentieren. Das Modul fügt sich nahtlos in die bestehende WPBakery-Oberfläche ein und kann per Drag & Drop auf jeder Seite oder in jedem Abschnitt platziert werden.

Nutzer können einfach zwei Bilder hochladen – etwa für Renovierungen, grafische Retuschen oder Produktvergleiche – und den Schieberegler individuell gestalten. Neben der Bildauswahl lassen sich optionale Beschriftungen („Vorher“ / „Nachher“), Startposition und Übergangsanimation festlegen.

Das Plugin wurde bewusst leichtgewichtig und unabhängig von externen Bibliotheken entwickelt. So bleibt es performant, kompatibel und auch auf mobilen Geräten vollständig responsiv. Dank klarer Code-Struktur und übersichtlicher Einstellungsfelder eignet sich das Addon sowohl für Entwickler als auch für Redakteure, die Bildvergleiche ohne Programmierkenntnisse umsetzen möchten.

Funktionen & Highlights

  • Nahtlose Integration in WPBakery – direkt als eigenes Element im Page Builder verfügbar.
  • Interaktiver Schieberegler – ermöglicht den direkten Vergleich zweier Bilder mit fließender Bewegung.
  • Individuelle Beschriftungen – optionale „Vorher“- und „Nachher“-Texte zur besseren Orientierung.
  • Responsive Darstellung – passt sich automatisch an alle Bildschirmgrößen und Geräte an.
  • Einstellbare Startposition – definiert, welcher Bildbereich beim Laden sichtbar ist.
  • Leichtgewichtig & performant – keine externen Bibliotheken oder Abhängigkeiten erforderlich.
  • Kompatibel mit allen modernen Browsern – reibungslose Darstellung und Bedienung.
  • Einfache Bedienung für Redakteure – kein Codewissen notwendig, vollständig visuell steuerbar.