Seite Vergleichs-Slider

Zum Inhalt springen

  • "Bildtitel": Kolosseum

    • Teaser auf Artikel 2

      Teaser-Text: Ist kein Teaserbild gepflegt, wird im Default das Bild aus dem Artikel als Teaserbild genommen.

    Ende des Sliders

    Der Vergleichs-Slider

    ...auch Vorher-Nachher-Slider genannt, wird mit einem Platzhalter in der Anzeigevariante "Vergleichs-Slider" erzeugt. Innerhalb dessen können zwei zu vergleichende Bilder gewählt werden. Die Labels links bzw. rechts unten lassen sich ebenfalls pflegen. 

    Standardmäßig wird das Format 4:3 für den Slider verwendet - setzt man den Boolean-Parameter "disableCropping" werden die Orginalzuschnitte der Bilder verwendet.

    Vorher-Nachher-Slider (Standard 4:3) Vergleich zwischen Links im Hintergrund die Alpen. Davor eine grüne Wiese und rechts im Vordergrund eine charismatische Kuh. und Saint Benezet Brücke Avignon
    Saint Benezet Brücke Avignon
    Links im Hintergrund die Alpen. Davor eine grüne Wiese und rechts im Vordergrund eine charismatische Kuh.
    Vorher-Nachher-Slider (25% Breite - nur im Artikel) Vergleich zwischen DB Information und InterCity
    InterCity
    DB Information
    Vorher-Nachher-Slider (Bilder mit disabledCropping) Vergleich zwischen Lavendelfeld in Südfrankreich im Hintergrund zentriert drei Bäume. Sommerliche Nachmittagsstimmung und DB22084
    DB22084
    Lavendelfeld in Südfrankreich im Hintergrund zentriert drei Bäume. Sommerliche Nachmittagsstimmung

    Vergleichs-Slider in einer Galerie

    • Vorher-Nachher-Slider 2 (Standard 4:3) Vergleich zwischen DB Information und InterCity
      InterCity
      DB Information
    • Vorher-Nachher-Slider (25% Breite - nur im Artikel) Vergleich zwischen DB Information und InterCity
      InterCity
      DB Information
    • Vorher-Nachher-Slider (50% Breite) Vergleich zwischen DB Information und InterCity
      InterCity
      DB Information
    • Vorher-Nachher-Slider (75% Breite) Vergleich zwischen DB Information und InterCity
      InterCity
      DB Information
      von 4
    Ende des Sliders