Bilder sind ein wichtiger Bestandteil jeder Website. Aber wusstest du, dass du mit Mouseover-Effekten die Aufmerksamkeit deiner Besucher fesseln und deine Bilder verbessern kannst? Mouseover-Effekte zeigen Informationen an oder erzeugen Bewegungen, wenn du deinen Mauszeiger über ein Bild bewegst. Das gibt deiner Website eine subtile Interaktions- und Animationsebene und ermöglicht es dir, Titel und Beschriftungen zu enthüllen, ohne das Bild zu verdecken oder zusätzlichen Platz einzunehmen.
Bild-Blöcke: Faszinierende Effekte mit minimalen Aufwand
Du kannst Mouseover-Effekte ganz einfach auf jeder Website mit Bild-Blöcken und Slideshow-Galerie-Blöcken verwenden. Hier ist eine Schritt-für-Schritt-Anleitung, um Mouseover-Effekte in Bild-Blöcken zu erstellen:
- Füge einen neuen Bild-Block hinzu oder öffne einen bestehenden.
- Klicke auf den Tab “Design” und wähle “Inline” aus.
- Klicke auf den Tab “Inhalt” und wähle im Drop-down-Menü “Beschriftung” die Option “Beschriftungs-Overlay bei Mouseover” aus.
- Bewege den Mauszeiger über den Bild-Block. Klicke in dem daraufhin angezeigten schwarzen Beschriftungs-Overlay auf “Hier eine Beschriftung schreiben …” und gib deine Beschriftung ein.
- Nach dem Speichern der Seite erscheint die Beschriftung beim Mouseover. Verwende Stil-Anpassungen, um die Bildbeschriftung nach deinen Wünschen zu gestalten.
Slideshow-Galerie-Block: Dynamische Bilder, die die Blicke auf sich ziehen
Wenn du noch mehr Möglichkeiten für Mouseover-Effekte wünschst, solltest du den Slideshow-Galerie-Block ausprobieren. Hier erfährst du, wie du Text hinzufügen und Mouseover-Effekte aktivieren kannst:
- Füge einen neuen Slideshow-Galerie-Block hinzu oder öffne einen bestehenden.
- Bewege den Mauszeiger im Tab “Inhalt” über ein Bild und klicke auf das Stiftsymbol.
- Gib einen Titel und eine Beschreibung ein. Du kannst auch eine optionale Klick-URL hinzufügen.
- Klicke auf “Speichern”.
- Wechsle zum Tab “Design”.
- Aktiviere “Titel und Beschreibung anzeigen”.
- Wähle eine Position für den Titel und die Beschreibung aus dem Drop-down-Menü “Position von Titel und Beschreibung”.
- Klicke auf “Bei Mouseover anzeigen”.
- Klicke auf “Anwenden”.
Weitere Möglichkeiten für Mouseover-Effekte
Neben Bild-Blöcken und Slideshow-Galerie-Blöcken gibt es auch auf Portfolio-, Shop- und Galerie-Seiten Möglichkeiten, Mouseover-Effekte zu nutzen. Du kannst die Titel deiner Unterseiten in verschiedenen Layouts anzeigen lassen und die Bilder in interessanter Weise präsentieren.
Wenn du deine Website mit Squarespace erstellt hast, kannst du hier alles über die verschiedenen Möglichkeiten von Mouseover-Effekten erfahren. Wähle das passende Template aus und lass deine Bilder noch mehr strahlen!
Also los, füge deinem Webauftritt etwas Magie hinzu und verblüffe deine Besucher mit faszinierenden Mouseover-Effekten für deine Bilder!
