Alternative Bilddarstellung
Gibt es alternative Darstellungsmöglichkeiten für Bilder?
- Erstellen Sie Bilder auf der SITEX-Seite in einem mehrspaltigen Layout.
- Mit der Einstellung Aktion beim Klick auf Bild
vergrößern werden die Bilder auf der Website vergrößert dargestellt, wenn Websitebesucher sie anklicken. Bei mehreren Bildern auf der Seite mit dieser Einstellung kann durch diese Bilder geswiped werden.
- Pro Bild kann immer nur eine Einstellung bei Aktion beim Klick auf Bild ausgewählt werden.
Wir verwenden diese Einstellung übrigens im gesamten Tutorial-Bereich 🤓.

In unserem Beispiel haben wir abwechselnd in 2- und 3-Spalten Bilder angelegt. Wir empfehlen Ihnen bei dieser Form der Darstellung alle Bilder mit gleich großem Bildausschnitt anzulegen. Bei unseren Bildern haben wir einen Ausschnitt mit 800x500px verwendet. Beim Vergrößern und Swipen sind dann die Bilder gleich groß und die Darstellung passt für 2- und 3-spaltige begrenzte Layouts gut.
Zusätzlich haben wir pro Inhaltszeile den Stil "10px Abstand zwischen den Flächen" verwendet und den Abstand unten deaktiviert. Sie können hier natürlich auch andere Stile einsetzen oder ganz weglassen 🤩.
Zwei Beispiele haben wir zur Veranschaulichung auf xortex.com vorbereitet.
Beispiel Mediengalerie 1
Beispiel Mediengalerie 2
Als Erinnerung, was bei Bildern zu beachten ist:
- Bildgröße: so gering wie möglich
- Farbraum: RGB vs. CMYK
- Dateinamen: Kleinbuchstaben, Bindestriche, keine Leerzeichen oder Umlaute
- Bildformate: JPG für farbenfrohe Bilder, PNG für Grafiken
- Alternativ-Texte: ein wichtiger Beitrag zur Barrierefreiheit
- Bildrechte: am Besten eigenes Bildmaterial
In den Tutorials finden Sie alle Informationen, wie Sie mit der Erweiterung Mediengalerie in Ihrem CMS arbeiten.
Legen Sie Slideshows mit großflächigen Bildern oder als Karussell an. Zeitgesteuert lässt sich die Erweiterung auch für Marketing-Kampagnen verwenden.
Wie stellen Sie Ihre Bilder dar?
Informieren Sie sich über die Gestaltungsmöglichkeiten bei Ihrem Projektmanager. Wir helfen gerne weiter!