14. Geburtstagssale 33 % Rabatt + 1 GRATIS MONAT LIMITIERTES ANGEBOT Jetzt Angebot sichern
33 % Rabatt + 1 GRATIS MONAT Jetzt Angebot sichern

HTML-Vorher-Nachher-Slider-Widget

Vergleichen Sie visuelle Vorher-Nachher-Änderungen auf Ihrer HTML-Website, um Transformationen zu zeigen, Fortschritte zu veranschaulichen und klare, eindrucksvolle Ergebnisse zu präsentieren.
4,8 Sterne
Über 10.000 Bewertungen
Kostenloser Plan verfügbar
Widget kostenlos erstellen
Keine Kreditkarte erforderlich
HTML Before and After Slider widget

Erstelle dein Vorher-Nachher-Schieberegler-Widget

Konfigurieren Sie Ihren Vorher-Nachher-Slider und fügen Sie ihn kostenlos zu Ihrer HTML-Website hinzu!

Screenshots

HTML Before and After Slider widget
1 / 6

Beschreibung

Der Vorher-Nachher-Schieberegler von Elfsight hilft Ihnen, verführerische, verkaufsstarke Fotos für Ihre Website zu erstellen. Kunden können alle Effekte entdecken, die Ihre Produkte oder Dienstleistungen mit sich bringen. Laden Sie einfach zwei Fotos in den Vorher-Nachher-Schieberegler für HTML hoch, und sie werden mit einem verschiebbaren Trenner angezeigt, damit der Wandel sichtbar wird. Sie können unbegrenzt viele Folien einbetten, jede mit eigener Bildunterschrift. Die Trennungsrichtung kann horizontal oder vertikal sein, und Sie können das beste Bildverhältnis wählen. Ihre Nutzer werden keine andere Wahl haben, als einen Kauf zu tätigen, sobald sie das echte Ergebnis Ihrer Produkte sehen!

Starten Sie den Vorher-Nachher-Schieberegler, um Ihre Geschäftserfolge effizienter zu steigern!

Wir bieten praktische und unkomplizierte Funktionen – werfen Sie einen Blick darauf:

  • Beliebig viele Vorher-Nachher-Bilderpaare gestalten
  • Beschriftungen mit Textformatierungseinstellungen zu jeder Folie hinzufügen
  • Zwei Layouts: Liste und Karussell
  • Horizontale oder vertikale Trennlinie verschieben
  • Klicken und Ziehen oder einfach darüberfahren, um den Trenner zu verschieben
  • Wischen auf Touch-Geräten

Testen Sie alle Personalisierungsfunktionen in einer voll funktionsfähigen Demo.

Wie binde ich den Vorher-Nachher-Schieberegler in meine HTML-Website ein?

Befolgen Sie einfach die untenstehenden Richtlinien, um das Plugin einzufügen.

  1. Fertig! Die Integration ist vollständig abgeschlossen

Wenn Sie Fragen haben oder auf Probleme stoßen, schreiben Sie gerne an unser Support-Team. Unsere Berater helfen Ihnen gerne bei allen Produktfragen.

Brauche ich spezielles Hosting, um den Vorher-Nachher-Schieberegler mit HTML zu verwenden?

Dafür ist kein spezielles Hosting erforderlich. Solange Ihre HTML-Website JavaScript unterstützt, funktioniert der Vorher-Nachher-Schieberegler einwandfrei.

Unterstützt es vertikale und horizontale Layouts?

Ja, Sie können je nach gewünschter Darstellung Ihres Bildvergleichs eine vertikale oder horizontale Trennlinie wählen.

Wie können Besucher mit dem Trenner interagieren?

Der Slider bietet Drag- und Klick-Modus sowie Hover-Modus – Nutzer können den Trenner manuell verschieben oder einfach über das Bild hovern.

Kann ich in Beschriftungen anklickbare Links hinzufügen?

Ja, Bildunterschriften unterstützen Hyperlinks, sodass Besucher direkt vom Slider zu Produktseiten, Dienstleistungen, Portfolios oder Fallstudien gelangen können.

Kann ich die Standard-Trennposition festlegen?

Absolut. Sie können die anfängliche Trennleiste festlegen und bestimmen, wie viel vom „Vorher“ bzw. „Nachher“-Bild beim Laden der Seite sichtbar ist.

Welche Bildformate werden für HTML-Seiten empfohlen?

Für beste Leistung verwenden Sie optimierte JPG- oder PNG-Dateien, die Größe und Auflösung gemäß den empfohlenen Richtlinien einhalten Richtlinien für eine schnellere Ladezeit.

Werden Bilder im Slider automatisch optimiert?

Nein, Bilder werden genau so angezeigt, wie sie hochgeladen wurden. Um eine reibungslose Leistung zu gewährleisten, empfiehlt es sich, sie vorher zu komprimieren und zu optimieren.

Kann ich den Slider für Mockups oder Designvorschauen verwenden?

Ja, der Slider funktioniert mit jedem Bildpaar – einschließlich Mockups, Renderings, UI-Designs, Bauplänen oder visuellen Überarbeitungen.

Kann ich in einem Slider mehr als zwei Bilder vergleichen?

Jede Folie unterstützt den Vergleich von zwei Bildern. Um mehrere Phasen zu zeigen, können Sie mehrere Folien in Folge erstellen.

Kann ich die Trennlinie sperren, damit Benutzer sie nicht verschieben können?

Der Schieberegler ist für interaktive Vergleiche konzipiert, daher bleibt der Trenner verschiebbar und kann nicht dauerhaft fixiert werden.

Preise

14-tägige Geld-zurück-Garantie. Risikofrei – Sie können jederzeit kündigen.
Elfsight Apps
Plattformübergreifende Software
ab 0 $/Monat
Jetzt mit dem kostenlosen Plan starten
Unbegrenzte Domains
Kostenloser und pünktlicher Support.
Kostenlose Installationshilfe
Tolles Angebot für mehrere Apps
Einfach zu bearbeiten.