Überschriften:
Allgemeine Einstellungen
Eigenschaften des Inhalts
Eigenschaften des ausgewählten Elements
Medien in der Galerie verwalten
Galerie-Typ spezifische Einstellungen
Slider - Eigenschaften
Grid - Eigenschaften
Swiper - Eigenschaften
Random/Zufällig - Eigenschaften
In diesem Artikel erfährst du, wie du eine Galerie mit Bildern und Videos erstellen kannst.
Bei Klick auf die Inhaltsart Mediengalerie öffnet sich ein Overlay, auf dem 4 verschiedene Galerie-Typen zur Auswahl stehen. Wähle den gewünschten Typ und klicke auf "Auswählen".
Sobald du den Galerie-Typ ausgewählt hast, öffnet sich von links die Mediendatenbank, wobei hier automatisch nach Bildern und Videos gefiltert wird. Nun kannst du die Suche weiter einschränken, indem du Filter oder die Suchleiste für die Volltextsuche verwendest. Außerdem hast du die Möglichkeit mit dem Plus-Symbol weitere Medien hochzuladen. Mehr dazu hier: Medien hochladen
Zum Einfügen der Bildergalerie musst du nun auf die gewünschten Medien in den Suchergebnissen klicken während du die Strg/Cmd-Taste gedrückt hältst. Diese werden anschließend in der gewählten Reihenfolge in den aktiven Bereich durch Klicken auf "Einfügen" platziert oder du verwendest die Enter-Taste.
Um deine Galerie nach deinen Wünschen anzupassen hast du folgende Möglichkeiten:
Allgemeine Einstellungen
Eigenschaften des Inhalts
Hier hast du die Möglichkeit den Typ(1) der Galerie im Nachhinein wieder zu ändern und eine Bildbeschreibung einzublenden, sowie das Aussehen dieser Legende anzupassen(2). Dabei können die Darstellung der Legende, Textformatierungen, Farbeinstellungen und Icons eingestellt werden. Weiters kannst Autoplay(3) für die Galerie einschalten und festlegen ob Bilder und Videos auf Klick im Fullscreen(4) angezeigt werden sollen (während der Präsentation). Bei dieser Option kann außerdem die Farbe des Hintergrunds gewählt werden, der während der Präsentation sichtbar sein kann, wenn das Bild nicht exakt 16:9 als Verhältnis hat. Bitte beachte, dass du keine Verlinkungen mehr auf die Elemente in deiner Galerie setzen kannst, sobald die Fullscreen Option aktiviert ist, da der Klick auf das Medium ja dann den Fullscreen öffnet. Du kannst also entweder einen Link oder den Fullscreen aktivieren.
Auch den Abstand(5) der Galerie zum Rand des Bereiches, sowie ob Medien den gesamten Bereich ausfüllen(6) oder in den Bereich eingepasst(7) werden sollen, kann hier eingestellt werden.
Bei der Legende (2) können folgende Einstellungen getroffen werden:
- die Position der Legende
- Textformatierungen
- Farbe des Hintergrunds
- Farbe des Titels
- Farbe der Beschreibung
- Icons (Art, Größe, Farbe)
Eigenschaften des ausgewählten Elements
Diese Einstellungen betreffen das aktuell ausgewählte Bild/Video.
- Du kannst dieses hier austauschen(1) und verlinken(2). Auch Titel und Beschreibung(3) des Bildes kannst du hier eingeben. Mehr zum Thema Verlinkungen findest du hier: Verlinkungsmöglichkeiten im Überblick
Gewusst wie!
Medien auf Klick im Fullscreen anzeigen und verlinken ist nicht gleichzeitig möglich. So wird automatisch die Fullscreen-Option deaktiviert wenn ein Link auf ein Bild oder Video gelegt wird. - Unter "Optionen" findest du die Möglichkeit dieses Bild/Video/PDF anders als den Rest der Galerie zu gestalten.
Bilder:
Wähle hierfür "Globale Einstellung überschreiben" und lege fest ob dieses Bild den Bereich ausfüllen oder in den Bereich eingepasst(4) werden soll. Ist das ausgewählte Medium ein Bild, kannst du mithilfe der "Erweiterten Einstellungen(5)" Größe und Position individuell anpassen. In den "Bild Eigenschaften(6)" findest du die Möglichkeit dein Bild in Graustufen anzeigen zu lassen.
Videos:
Befindest du dich auf einem Video in deiner Galerie, siehst du anstelle der "Bild Eigenschaften", die "Video Eigenschaften". Hier kannst du die "Video Steuerung anzeigen(1)" anzeigen lassen und auch die "erweiterten Videosteuerungen anzeigen(2)". Außerdem kannst du festlegen, ob das Video in Schleife(3) und automatisch(4) abgespielt wird. Den Playbutton(5) kannst du ein- oder ausschalten und natürlich kannst du auch den Ton(6) für das Video ausschalten.
PDF:
Befindest du dich bei einem PDF, hast du folgende Einstellungsmöglichkeiten: Du kannst die Größe des PDFs (1) an der höchsten oder breitesten Seite ausrichten. Die Seitenleiste kannst du ein/ausschalten (3) und die Breite der Seitenleiste (2) einstellen. Außerdem kannst du einschränken, welche Seiten (4) des PDFs hier verwendet werden sollen.
Medien in der Galerie verwalten
Unter der gewohnten Ebenenliste der Slide, findest du eine Liste der Medien, die sich in der Galerie befinden. Hier kannst du einzelne Medien auswählen um diese auszutauschen. Um die Reihenfolge der Medien zu ändern, benutze die Pfeil-Symbole(1) oder verschiebe sie durch Drag & Drop. Um Medien hinzuzufügen oder zu löschen, klick auf das Plus-Symbol(2) oder das Mülleimer-Symbol(3). Um diese Bereich etwas größer zu machen, kannst du die Ebenenliste darüber zuklappen(4). Außerdem erscheint ein kleines Icon (5), wenn es sich bei dem Medienelement um ein PDF oder Video handelt und auch, wenn das Medium übersetzt ist.
Galerie-Typ spezifische Einstellungen
Slider - Eigenschaften
1. Pfeile
Hier kannst du unter anderem die Position(1) der Pfeile festlegen oder diese ausblenden. Auch Aussehen und Größe(2) der Pfeile sowie die Farbe(3), kann hier ausgesucht werden. Eine Farbe, welche die Pfeile bei Mouseover(4) annehmen sollen, kannst du auch definieren.
2. Miniaturen
Auch für die Miniaturbilder kannst du festlegen ob diese innerhalb oder außerhalb des Bildes platziert(1) werden, oder diese ausblenden.
Du hast die Möglichkeit, die Vorschaubilder als Miniaturen oder Punkte(2) anzeigen zu lassen, sowie deren Position(3) festzulegen. Bei den Einstellungen für die Größe(4) der Miniaturen wird deren Größe in Pixel definiert. Möchtest du das Seitenverhältnis der Vorschaubilder verändern, wähle "Seitenverhältnis ausfüllen(5)" und passe die Bilder mit dem Schieberegler an, oder fülle die gewünschten Werte ein.
Um eine Hintergrundfarbe(6) und eine Farbe für die Umrandung(7) des Miniaturbildes des aktiven Bildes zu definieren, wähle die gewünschte Farbe im Farbwähler aus.
3. Ausrichtung
Bei der Richtung des Sliders kannst du zwischen horizontal und vertikal auswählen.
4. Animation
Hier hast du drei Optionen: Sliden, Überblenden oder Karussell. Bei den ersten beiden Optionen kann nur die Übergangsdauer (1) angepasst werden. Beim Karussell gibt es mehr Optionen:
- die Übergangsdauer kann angepasst werden (1)
- der Abstand der Bilder links/rechts (2)
- die Anordnung (Anmutung von 2D oder 3D) (3)
- der Abstand zur Kamera (also der Zoom) (4)
- die Brennweite (5)
- alles kann auch wieder zurückgesetzt werden (6)
Grid - Eigenschaften
Abstand
Hier kannst du den Abstand der Bilder zueinander(1) festlegen. Sobald du hier einen Wert eingibst, werden die Buttons daneben aktiv. Dort kannst du auswählen ob dieser Abstand nur zwischen den Bildern oder auch zum Rand des Bereichs(2) übernommen werden soll.
Anzahl der Spalten
Lege diese hier (3) individuell fest.
Animation
Dazu musst du zuerst die Animation aktivieren indem du das automatische Abspielen aktivierst (4) und dann kannst du den Stil (5) wählen. Dir stehen hier entweder "Einfärben" oder "Vergrößern" zur Verfügung. Beides kann nur automatisch abgespielt werden. Beim Einfärben sind alle Bilder in Schwarz/Weiß gehalten nur das aktuelle Bild wird färbig, dann wird zum nächsten Bild gewechselt. Beim Vergrößern legt sich ein Zoom Effekt auf das aktuelle Bild.
Swiper - Eigenschaften
Pfeile
Hier kannst du unter anderem die Position(1) der Pfeile festlegen oder diese ausblenden. Auch Aussehen und Größe(2) der Pfeile sowie die Farbe(3), kann hier ausgesucht werden. Eine Farbe, welche die Pfeile bei Mouseover(4) annehmen sollen, kannst du auch definieren.
Scrollbalken
Blende den Scrollbalken hier ein oder aus(1) und wähle eine passende Farbe(2).
Seitenverhältnis der Medien
Passe das Seitenverhältnis der Bilder mit dem Schieberegler(1) an oder fülle die gewünschten Werte(2) ein. Du kannst aber auch ein beliebiges Verhältnis(3) von Höhe zu Breite definieren.
Weitere Optionen:
- Ausrichtung und Anzahl der Zeilen/Spalten: Bei der Richtung(1) des Sliders kannst du zwischen horizontal und vertikal auswählen. Je nachdem welche Auswahl du hier getroffen hast, kannst du dann die Anzahl der Spalten oder Zeilen wählen.
- Den Abstand der Bilder zueinander(2) kannst du beliebig anpassen.
- Außerdem kannst du die Option "unendlich" (3) wählen, dann kannst du im endlos-Loop weiterwischen, ohne ein Ende zu erreichen.
Welle
Bei der letzten Option kannst du für die Anzeige deiner Galerie den Typ "Welle" einschalten. Dann werden die Bilder abwechselnd oben und unten angezeigt - also in einer Wellenform angeordnet. Sobald du diese Option wählst, hast du einige zusätzliche Optionen: du kannst die Wellenstärke und -länge(1) einstellen, ebenso wie die Verschiebung (2).
Wenn bei der Wellenlänge zum Beispiel "4" eingestellt ist, bedeutet das, dass 4 Bilder auf einer Welle nebeneinander platziert werden. Die Verschiebung sagt aus, wo die Welle links beginnt.
Außerdem gibt es zwei Voreinstellungen, die du wählen kannst - "Welle"(3) und "Abwechselnd"(4). Hier werden die Parameter automatisch gesetzt, können aber natürlich noch angepasst werden.
Random/Zufällig - Eigenschaften
Bei diesem Typ von Galerie wird immer eines deiner gewählten Bilder zufällig ausgewählt und angezeigt. Also jedes Mal, wenn die Slide geöffnet beziehungsweise präsentiert wird, wird ein neues, zufällig gewähltes Bild angezeigt. Wenn du hier die Option "automatisch abspielen" wählst, wird in einem definierbaren Zeitabstand immer ein neues Bild im Bereich angezeigt.