Kompatibilität:

WebSite X5 Evo und Pro


Die Grundidee ist ganz einfach: Eine Galerie einzurichten ist die beste Weise, um Fotografien optimal anzuzeigen. Es gibt dafür viele Lösungen für sehr unterschiedliche Ergebnisse.


Mit dem Zusatzobjekt Scroll Gallery Ver können Sie eine einzigartige Galerie mühelos erstellen: Bilder, die vertikal angezeigt werden, überlappen sich beim Scrollen der Seite aufeinander. Eine Vorschau des Effekts können Sie auf  dieser Seite ansehen.



So funktioniert die Galerie

Um das Maximum aus dieser Art von Galerie zu holen, sollen Sie zuerst verstehen, wie sie funktioniert.


Nehmen wir an, dass Sie 5 Bilder einfügen möchten. Das erste Bild, das beim Scrollen angezeigt wird, ist Bild 1: Es folgt dem Scrollen der Seite, bis es den Abstand vom oberen Rand des Browserfensters erreicht, den Sie mit der Eigenschaft Oberer Rand eingestellt haben.


Jetzt bleibt das Bild 1 still und sichtbar und Bild 2 wird beim weiteren Scrollen der Seite angezeigt, indem es Bild 1 schrittweise überlappt.


Wann Bild 2 Bild 1 vollständig überlappt und ersetzt hat, hat Bild 3 schon die erste Hälfte des Bilds 2 überlappt.


Und so weiter, bis alle Bilder angezeigt werden. Wenn Sie dann die Seite nach oben scrollen, bewegen sich die Bilder in die entgegengesetzte Richtung, und die unteren Bilder werden so angezeigt.


#Tipp - Vorbereiten Sie die Bilder so, dass sie dieselbe Größe haben, damit die Bilder sich aufeinander perfekt überlappen können.


So richten Sie die Liste der Bilder ein

  • Doppelklicken Sie auf das Objekt Scroll Gallery Ver, das Sie gerade eingefügt haben, um das Einstellungen-Fenster zu öffnen. 
  • Klicken Sie auf Hinzufügen, um das Fenster zur Dateiauswahl zu öffnen und die gewünschte Bilddatei zu importieren.
  • Wiederholen Sie diese Schritte, bis Sie alle nötige Bilder importiert haben.
  • Mit der Schaltfläche Entfernen können Sie eine aus der Liste ausgewählte Datei entfernen, und mit den Schaltflächen Nach oben und Nach unten können Sie die Liste neu anordnen.


So definieren Sie den grafischen Stil

  • Aus dem Fenster Scroll Gallery Ver finden Sie die Optionen, um den Stil der Bilder zu definieren. Stellen Sie zuerst die Größe der Bilder ein und aktivieren Sie, wenn Sie möchten, die Option Größe anpassen: So übernehmen alle Bilder dieselbe Größe und Größenverhältnisse.
  • Die Bilder können Sie eventuell mit der Option Abgerundete Ecken bearbeiten.
  • Jetzt können Sie mit der Option Oberer Rand arbeiten: Diese Eigenschaft definiert den Abstand vom oberen Rand des Browserfensters, wo die Bilder still bleiben und beginnen, sich aufeinander zu überlappen.
  • Mit der Option Rand können Sie dagegen den Abstand zwischen der Bilder der Galerie selbst definieren.
  • Schließlich können Sie einen Effekt definieren, den beim Erscheinen/Verschwinden der Bilder angezeigt wird. Nur bei Rotationseffekte können Sie eine Zufällige Drehung aktivieren: Stellen Sie einen zufälligen Endpunkt ein, sodass die Bilder wie Polaroids angezeigt werden, die auf einem Tisch verstreut werden.


Sind Sie schon neugierig, wie dieses Objekt auf Ihrer Website aussieht? Installieren Sie sofort Scroll Gallery Ver


Fehlen Ihnen noch Credits für den Kauf dieses Objekts? Alle Credit-Pakete ansehen