Bild
Übersicht
Die Avonni Image-Komponente legt Wert auf Flexibilität und Anpassungsmöglichkeiten und ermöglicht es Ihnen, Bilder nahtlos in Ihre Seiten einzufügen. Mit dieser Komponente haben Sie viele Optionen zur Steuerung der Darstellung, Zuschneidung, des Vergleichs, der Vergrößerung und des Ladens von Bildern.
Tutorials
Erfahren Sie, wie Sie Datensätze in Experience Cloud mit Avonni Map anzeigen.
Einstellungen
CMS-Bild oder Bild-URL
Geben Sie die Quelle des Bildes an, entweder aus einem CMS oder direkt über eine Bild-URL.
Wählen Sie die Quelle, die am besten zu Ihren Präferenzen für die Bildverwaltung passt und einfachen Zugriff sowie Aktualisierungen gewährleistet.
Breite & Höhe
Bestimmen Sie die Breite und Höhe des angezeigten Bildes.
Stellen Sie Abmessungen ein, die sicherstellen, dass das Bild harmonisch in das Seitenlayout passt und gleichzeitig seine Klarheit bewahrt.
Position
Passen Sie die Ausrichtung des Bildes an.
Richten Sie das Bild innerhalb seines Containers aus, um ein ausgewogenes und ästhetisch ansprechendes Seitenlayout beizubehalten.
Statisches Bild
Option, das Bild als statisch festzulegen.
Verwenden Sie diese Einstellung, wenn das Bild keine responsiven Anpassungen erfordert und auf verschiedenen Bildschirmgrößen konstant bleibt.
Fluid & Fluid Grow
Diese Optionen erlauben es dem Bild, seine Größe responsiv anzupassen.
Aktivieren Sie diese Einstellungen, damit sich Bilder sanft an verschiedene Bildschirmgrößen anpassen und die Reaktionsfähigkeit der Webseite verbessern.
Thumbnail
Das Bild als Miniaturansicht anzeigen.
Nutzen Sie diese Option, um das Bild kompakt darzustellen, geeignet für Galerien oder als Vorschau.
Lazy Loading
Wählen Sie zwischen automatischem oder verzögertem Laden (Lazy Loading) des Bildes.
Optimieren Sie die Ladezeiten der Seite, indem Sie eine Lademethode wählen, die unmittelbare Sichtbarkeit und die Gesamtleistung der Seite ausbalanciert.
Zuschneidegröße, Zuschneideanpassung, Zuschneideposition X & Y
Passen Sie den Bildausschnitt an, um sich auf relevante Bereiche zu konzentrieren.
Definieren Sie Zuschneideparameter, um sicherzustellen, dass wichtige Bildbereiche prominent angezeigt werden und die visuelle Kommunikation verbessert wird.
Vergrößerungstyp
Wählen Sie den Vergrößerungsstil, der beim Betrachten von Bilddetails angewendet werden soll.
Verbessern Sie die Benutzerinteraktion, indem Sie einen Vergrößerungstyp wählen, der eine detaillierte Erkundung des Bildes ermöglicht.
CMS-Vergleichsbild oder Vergleichs-URL
Passen Sie die Attribute der Vergleichsfunktion an.
Verfeinern Sie die Vergleichsfunktionalität mit Attributen, die Ausrichtung, Interaktion und Beschriftung bestimmen und so ein benutzerfreundliches Vergleichserlebnis gewährleisten.
Vergleichsattribute
Definieren Sie die Einzelheiten der Vergrößerungsfunktion.
Passen Sie Verhalten und Erscheinungsbild des Vergrößerers an, damit Benutzer Bilddetails leicht erkunden können.
Vergrößerungsattribute
Passen Sie die Rundung der Bildecken an.
Weichen oder schärfen Sie die Ecken des Bildes, indem Sie einen geeigneten Eckradius einstellen, was zur stilistischen Präsentation des Bildes beiträgt.
Zuletzt aktualisiert
War das hilfreich?