Kompatibilität:
WebSite X5 Evo und Pro
Eine Tafel, an der Ihre Lieblings-Polaroids mit Stecknadeln aufgehängt sind: Sie öffnen das Fenster und ein Lufthauch lässt sie leicht schwingen. Diesen Effekt können Sie auf Ihrer Webseite mit dem Zusatzobjekt Polaroid Grid erzielen. Natürlich wird online kein Lufthauch geben: Die Polaroids werden sich bewegen, während Sie auf der Seite scrollen.
Brauchen Sie einige Beispiele, die Sie inspirieren können? Sehen Sie sich die Vorschauseite an.
Erstellen Sie die Liste der Polaroids
Jetzt, dass Sie wissen, was Sie mit diesem Objekt erzielen können, können Sie Ihre eigene Galerie einrichten, und dafür sollen Sie mit der Liste der Polaroids anfangen:
- Doppelklicken Sie auf das Objekt Polaroid Grid, das Sie auf der Seite hinzugefügt haben, um das Einstellungen-Fenster zu öffnen.
- Bleiben Sie im Bereich Liste und klicken Sie auf die Schaltfläche Hinzufügen, um Fotos und Videos zu importieren. Wenn Sie auf den Pfeil der Schaltfläche Hinzufügen klicken, können Sie auswählen, ob Sie eine Datei aus
lokalen Dateien oder aus einer
Online-Bibliothek auswählen möchten (weitere Informationen finden Sie unter Wie importiert man eine Datei?). Die importierten Dateien bilden eine Liste, die Sie frei sortieren und bearbeiten können.
#Tipp – Mehrfachauswahl. Halten Sie die STRG-Taste gedrückt und klicken Sie auf alle Dateien, die Sie in einem Schritt importieren möchten.
- Mit den Schaltflächen
können Sie festlegen, ob die Vorschaubilder in der Liste in kleiner oder mittlerer Größe angezeigt werden – das erleichtert die Arbeit.
- Sobald die Liste der Bilder erstellt ist, können Sie sie jederzeit bearbeiten: Sie können neue Bilder hinzufügen, nicht benötigte löschen oder die Reihenfolge ändern. Wählen Sie dazu einfach das Bild aus der Liste und klicken Sie auf
, um es zu entfernen, oder verwenden Sie die Pfeiltasten, um es zu verschieben.
- Ebenso können Sie für jedes eingefügte Bild/Video die folgenden Schaltflächen verwenden:
– um einen Titel und einen Alternativtext einzugeben, die sowohl für die Barrierefreiheit als auch für die SEO-Optimierung der Seite nützlich sind (siehe Barrierefreiheit von Bildern: Die Bedeutung des Alternativtextes).
– um eine Beschreibung festzulegen, die unter dem Polaroid-Bild angezeigt wird;
– um mit dem Einfügen eines Links fortzufahren.
Definieren Sie den Stil der Galerie
Jetzt können Sie einige grafische Elemente anpassen:
- Öffnen Sie den Bereich Stil.
- Beginnen Sie damit, mit den Optionen unter Fotografie den Stil der einzelnen Polaroids festzustellen. Insbesondere können Sie:
- Die Breite in Pixel für jedes Polaroid definieren;
- Den Abstand zwischen den Polaroids festlegen;
- Die Farbe oder das Bild für den Hintergrund des Polaroids definieren;
- Einen Schatten aktivieren: Wenn Sie keinen möchten, sollen Sie den Schatten als Transparent einstellen.
- Kümmern Sie sich nun um den Pin, d. h. den Stift, der das Polaroid an seinem Platz hält. Für dieses Element können Sie entscheiden, ob es angezeigt werden soll oder nicht und wenn ja, welche Farbe es haben soll.
- Wie gesagt werden Sie eventuelle Beschreibungen am unteren Rand des Polaroids angezeigt. Mit den Optionen im Bereich Beschreibung können Sie diese Texte formatieren, indem Sie die Schriftart, die Textfarbe und die Anordnung definieren.
- Im Bereich Effekte können Sie dagegen die Optionen finden, um die Animation beim Scrollen der Seite zu aktivieren oder deaktivieren (nämlich die leichte Bewegung der Polaroids). Sie können auch festlegen, dass die Bilder zufällig angeordnet werden.
- Schließlich können Sie dafür sorgen, dass der Benutzer beim Anklicken eines Polaroids dasselbe vergrößerte Bild sieht: Dazu müssen Sie die Option Vergrößerung bei Klick über ShowBox anzeigen aktivieren und die entsprechende Maximale Größe für vergrößerte Bilder angeben. Sie können auch entscheiden, ob das ShowBox-Fenster Miniaturbilder in der Galerie anzeigen soll oder nicht (Miniaturbilder in ShowBox aktivieren).
#Tipp - Sie können den Stil des ShowBox-Fensters einstellen: So stellen Sie den Stil für Ihre Pop-up-Fenster Showbox ein Beachten Sie, dass, auch wenn die Vergrößerungsanzeige in der ShowBox aktiv ist, wenn ein Link auf ein Bild gesetzt ist, die für den Link selbst vorgesehene Aktion bei Klick ausgeführt wird.
Sind Sie schon neugierig, wie diese Objekt auf Ihrer Website aussieht? Installieren Sie sofort Polaroid Grid
Fehlen Ihnen noch Credits für den Kauf dieses Objekts?? Alle Kreditpakete ansehen