Erwecke deine Website zum Leben und motiviere deine Besucher, mit deiner Galerie zu interagieren, indem du lustige Mouseover-Effekte anwendest.
Deine Besucher sehen den Mouseover-Modus, wenn diese mit ihrer Maus über ein Element deiner Galerie fahren ohne zu klicken. Du kannst auswählen, welche Elemente beim Mouseover angezeigt werden und wie der Mouseover-Effekt aussieht.
Die Mouseover-Ansicht anpassen
Passe deine Mouseover-Ansicht an, indem du eine Überlagerung hinzufügst, die angezeigten Informationen und Symbole auswählst und Scroll-Animationen anwendest. Die verfügbaren Anpassungsoptionen hängen vom ausgewählten Galerie-Layout ab.
Um die Mouseover-Ansicht anzupassen:
- Öffne deinen Editor.
- Klicke auf deiner Seite auf das Pro-Gallery-Element.
- Klicke auf Einstellungen.
- Klicke auf den Tab Design.
- Wähle aus, welche Mouseover-Elemente du anpassen möchtest:
Eine Überlagerung liegt über einem Bild und fügt einen zusätzlichen Effekt hinzu, wenn du mit der Maus darüber fährst. Du kannst diesen Effekt sowie alle vorhandenen Symbole anpassen.
- Klicke auf Überlagerung & Symbole.
- Wähle eine Überlagerung und passe sie mit den verfügbaren Optionen an:
- Vollständige Überlagerung: Die Überlagerung deckt das gesamte Galerieelement ab. Bearbeite die folgenden Optionen:
- Farbverlauf: Klicke auf den Schieberegler, um eine Farbverlauf-Überlagerung zu aktivieren und die folgenden Optionen zu bearbeiten:
- Farbe & Deckkraft 1 und 2: Klicke auf das entsprechende Farbfeld, um die Farben des Farbverlaufs anzupassen. Ziehe dann die Slider, um die Deckkraft der Farben anzupassen.
- Farbverlaufsrichtung: Ziehe den Slider, um die Richtung der Überlagerung des Farbverlaufs anzupassen.
- Überlagerung - Farbe: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe dann den Slider, um die Deckkraft der Farbüberlagerung zu ändern.
- Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
- Teilweise Überlagerung: Die Überlagerung deckt nur einen Teil des Galerieelements ab. Bearbeite die folgenden Optionen:
- Größe festlegen: Verwalte die Größe deiner Überlagerung in Prozent oder Pixel.
- Größe: Ziehe den Schieberegler oder gib einen Wert ein, um eine Größe für die Überlagerung auszuwählen.
- Überlagerung beginnt bei: Wähle aus, wo deine Überlagerung positioniert wird.
- Abstand: Ziehe den Schieberegler, um den Abstand zwischen dem Galerierand und deiner Überlagerung anzupassen.
- Farbverlauf: Klicke auf den Schieberegler, um eine Farbverlauf-Überlagerung zu aktivieren und die folgenden Optionen zu bearbeiten:
- Farbe & Deckkraft 1 und 2: Klicke auf das entsprechende Farbfeld, um die Farben des Farbverlaufs anzupassen. Ziehe dann die Slider, um die Deckkraft der Farben anzupassen.
- Farbverlauf - Ausrichtung: Ziehe den Slider, um die Richtung der Farbverlauf-Überlagerung anzupassen.
- Überlagerung - Farbe: Klicke auf das Farbfeld, um eine Farbe auszuwählen. Ziehe dann den Slider, um die Deckkraft der Farbüberlagerung zu ändern.
- Symbolfarbe: Klicke auf das Farbfeld und wähle eine neue Farbe für deine Galeriesymbole aus.
- Wähle einen Überlagerungseffekt aus den verfügbaren Optionen aus:
- Ohne Effekt: Die Überlagerung wendet keinen Effekt an.
- Einblenden: Die Überlagerung wird beim Mouseover langsam angezeigt.
- Aufklappen: Die Überlagerung wird beim Mouseover aufgeklappt.
- Hochgleiten: Die Überlagerung gleitet beim Mouseover hoch.
- Rechts gleiten: Die Überlagerung gleitet beim Mouseover nach rechts.
Passe den Text mit den folgenden Optionen an:
- Info anzeigen: Aktiviere das Kontrollkästchen neben dem Text, den du in deiner Galerie anzeigen möchtest.
- Infoposition: Wähle aus, wo dein Text positioniert werden soll: Unter dem Bild, Über dem Bild oder Auf dem Bild.
- Was passiert bei Mouseover?: Wähle aus, wie sich dein Text bei Mouseover verhält: Erscheint, Verschwindet oder Keine Änderung.
- Titel — Stil & Farbe: Wähle die Schriftart und die Farbe für den Titeltext aus.
- Beschreibung — Schriftart & Schriftfarbe: Wähle die Schriftart und die Farbe für den Beschreibungstext aus.
- Horizontale Ausrichtung: Wähle, wie der horizontale Text ausgerichtet werden soll: links, mittig oder rechts.
- Vertikale Ausrichtung: Wähle, wie vertikaler Text ausgerichtet werden soll: links, mittig oder rechts.
- Vertikaler Textabstand: Ziehe den Slider, um den Abstand zwischen dem vertikalen Text und dem Rand zu ändern.
- Horizontaler Textabstand: Ziehe den Slider, um den Abstand zwischen dem horizontalen Text und dem Rand zu ändern.
Passe die folgenden Einstellungen an:
- Rand - Breite & Farbe: Ziehe den Slider, um die Randbreite zu ändern, und klicke auf das Farbfeld, um eine Farbe auszuwählen.
- Eckenradius: Ziehe den Slider, um die Ecken rund oder quadratisch zu gestalten.
- Schatten: Klicke auf den Schieberegler, um den Schatten zu aktivieren oder zu deaktivieren:
- Aktiviert: Das Galerieelement hat einen Schatten. Du kannst die Deckkraft, Farbe, Verwischung, Schattenrichtung und Schattengröße anpassen.
- Deaktiviert: Das Galerieelement hat keinen Schatten.
- Wähle, was passiert, wenn mit der Maus über das Galerieelement gefahren wird:
- Kein Effekt: Bei Mouseover wird kein Effekt angewendet.
- Heranzoomen: Beim Mouseover wird das Bild herangezoomt.
- Weichzeichnen: Bei Mouseover verschwimmt das Bild.
- Graustufen: Bei Mouseover wird das Bild schwarzweiß.
- Verkleinern: Bei Mouseover wird das Bild verkleinert.
- Umkehren: Bei Mouseover wird die Bildfarbe umgekehrt.
- Einfärben: Beim Mouseover wird das Schwarzweiß-Bild farbig.
- Verdunkeln: Bei Mouseover wird das Bild etwas dunkler.
- Wähle, was passiert, während das Bild geladen wird:
- Verschwommenes Bild: Beim Laden wird eine verschwommene Version des Bildes angezeigt.
- Farbplatzhalter: Während das Bild geladen wird, wird ein farbiger Platzhalter angezeigt.
Hinweis: Du kannst diese Effekte auf Galerien anwenden, die geladen werden, während Besucher nach unten scrollen (z. B Collage, Mauer, Gitter).Du kannst diese Effekte nicht auf Slidergalerien anwenden.
Wähle, was passiert, wenn Besucher durch deine Galerie scrollen:
- Kein Effekt: Beim Scrollen wird kein Effekt angewendet.
- Einblenden: Beim Scrollen erscheinen Bilder nach und nach.
- Graustufen: Beim Scrollen wird das Bild schwarzweiß.
- Hochgleiten: Beim Scrollen gleitet das Bild hoch.
- Erweitern: Das Bild wird beim Scrollen größer.
- Verkleinern: Beim Scrollen wird das Bild kleiner.
- Herauszoomen: Beim Scrollen zoomt das Bild heraus.
- Einfarbig: Beim Scrollen wird eine Farbe auf das Bild angewendet.
Häufig gestellte Fragen (FAQs)
Klicke unten auf eine Frage, um mehr über die Anpassung der Mouseover-Ansicht deiner Galerie zu erfahren.
Kann ich ein anderes Bild anzeigen, wenn ich mit der Maus über ein Galerieelement fahre?
Zurzeit ist es nicht möglich, ein anderes Bild anzeigen zu lassen, wenn jemand mit der Maus über ein Galerieelement in der Wix Pro Gallery fährt. Wenn du diese Funktion in Zukunft gerne hättest, kannst du
hier dafür abstimmen.
Kann ich einen Mouseover-Effekt auf ein einzelnes Galerieelement anwenden?
Wenn du einen Mouseover-Effekt auf eine Galerie anwendest, wird er auf alle Galerieelemente angewendet. Es ist nicht möglich, Mouseover-Effekte auf einzelne Galerieelemente anzuwenden. Wenn du diese Funktion in Zukunft gerne hättest, kannst du
hier dafür abstimmen.
Wie deaktiviere ich einen Mouseover-Effekt?
- Öffne deinen Editor.
- Klicke auf deiner Seite auf das Pro-Gallery-Element.
- Klicke auf Einstellungen.
- Klicke auf den Tab Design.
- Klicke auf Überlagerung & Symbole.
- Wähle unter Mouseover-Effekt Kein Effekt aus.
