Skip to main content

Scroll Zoom Gallery


  • Bindet einen Container mit Hintergrundbildern ein, dieser wird immer in voller Bildschirmgröße dargestellt.
  • Sobald der Container an den oberen Bildschirmrand trifft wird das erste Bild beim weiter scrollen bis zum vorgegebenen Wert eingezoomt und anschließend das nächste Bild eingeblendet, usw.
  • Es können bis zu 6 Bilder eingebunden werden, meine Empfehlung ist maximal 3 Bilder zu verwenden.
  • Da die Bilder als "Hintergrundbild Cover" eingefügt werden sollte der Focus in der Mitte des Bildes sitzen oder kein Focus vorhanden sein.
  • Sie können den Zoomfaktor in Prozent sowie die Hintergrundfarbe des Überblendeffektes vergeben.
  • Dieses Widget ist nicht geeignet für die Layouts: Atmosphere-, Bella-, Golf-, Locus-, Metro- ,Panorama-, Poster-, Producer-, Spring-, Stripe- sowie Swiss-Responsive.

2 Bilder, 20% Zoom, Hintergrund (Überblendeffekt) schwarz



3Bilder, 40% Zoom, Hintergrund (Überblendeffekt) rgba(255, 0, 0, 0.5)


  • Entpacke die heruntergeladene *.zip Datei
  • Im Verzeichnis "C: \ Users \ Benutzername \ Documents \ Zeta Producer xx" einen Ordner "widgets" anlegen.
  • Kopiere den kompletten entpackten Ordner in das neu angelegte Unterverzeichnis "widgets".
  • Starte Zeta Producer
  • Das Widget sollte nun in der Widgetübersicht unter dem Reiter "Sonstiges" angezeigt werden.


Alle Widgets wurden mit dem Layout "Flat Responsive" erstellt und in vielen anderen Layouts getestet. Da alle Layouts in Zeta Producer ihre Besonderheiten haben kann es durchaus vorkommen das ein Widget nicht in deinem Layout wie gewünscht dargestellt wird.

Nach oben
Widget ZP