Bilderliste (mit individuellen Verlinkungen)

Verwenden Sie das Modul Bilderliste, um mehrere Bilder auf Ihrer Website anzuzeigen. In dieser Anleitung erfahren Sie, wie Sie das Modul hinzufügen, Bilder aus verschiedenen Quellen einpflegen und durch individuelle Übergangseffekte oder Hover-Funktionen besonders hervorheben.

Fügen Sie eine leere Zeile hinzu und anschließend neues Modul, wählen im Bereich “Bildmaterial” die Bilderliste aus:

Um Ihr Bilderlisten-Modul nach dem Hinzufügen zu bearbeiten, doppelklicken Sie in das Modul oder klicken Sie auf das Bearbeiten-Symbol. Sie können anschließend im Modul-Overlay die Optionen unter Inhalt, Design oder Einstellungen erweitern und bearbeiten.

Inhalt

Über Inhalt können Sie die gewünschten Bilddateien hinzufügen. Hier haben Sie zwei Optionen:

Bilder aus dem Dateimanager: *Klicken Sie auf Aus Dateibibliothek auswählen und wählen Sie aus Ihren vorhandenen Bildern in der Dateibibliothek aus. Sie können mehrere Bilder gleichzeitig hinzufügen.
Bilder von Ihrem lokalen PC: Klicken Sie auf *Datei hinzufügen oder ablegen, um Dateien von Ihrem Computer hinzuzufügen, oder ziehen Sie Ihr Bild per Drag-and-Drop auf den markierten Bereich. Sie können mehrere Bilder gleichzeitig hinzufügen.

Wenn Sie beim Inhalt auf den kleinen Pfeil neben einem Bild klicken, haben Sie verschiedene Bearbeitungsmöglichkeiten:

Bearbeiten: Sie können das Bild bearbeiten, z.B. zuschneiden
Ersetzen: Hier können Sie bestehende Bilder ersetzen und Bilder direkt aus dem Dateimanager auswählen.
Entfernen: Sie können das Bild komplett aus der Galerie entfernen, wenn Sie möchten, dass sich weniger Bilder in der Galerie befinden.
Alternativtext: Fügen Sie einen Alt-Text (Alternativtext) hinzu, um Suchmaschinen beim „Lesen“ Ihrer Bilder zu unterstützen.
Bildunterschrift: Der Text der Bildunterschrift wird auf Ihrem Bild sichtbar, wenn Sie Hover-Effekte mit Beschriftung für Ihre Bilderliste aktivieren.
Link-Typ und Link: **Wählen Sie im Dropdown-Menü den Linktyp aus, den Sie für Ihr Bild wünschen. Sie können zwischen Externer URL, Interner Seite, E-Mail und Datei wählen. Lesen Sie mehr über die vier Linktypen unter dem **Bildmodul. Aktivieren Sie die Option Link in neuem Tab öffnen, um den verlinkten Inhalt beim Klicken in einem neuen Browser-Tab zu öffnen. Aktivieren Sie die Eigenschaft „Nicht-Folgen“ setzen, wenn Sie nicht wünschen, dass Suchmaschinen dem Hyperlink folgen. Wenn diese Einstellung aktiviert ist, beeinflusst Ihr Link nicht das Suchmaschinen-Ranking des Ziels.

Reihenfolge ändern: Ordnen Sie die Reihenfolge, in der Ihre Bilder erscheinen, neu an, indem Sie das Sechs-Punkte-Symbol an den einzelnen Bildern ziehen.

Design

Im Abschnitt Design ändern Sie den Hintergrund, den Rahmen und die Abstände Ihres Bilderlisten-Moduls. Diese Anpassungen bezeihen sich lokal auf das soeben eingefügte Modul. Sie haben auch die Möglichkeit direkt auf die Globalen Daten zuzugreifen, um dort die Anpassungen für alle Bilderlisten auf Ihrer Webseite vorzunehmen.

Einstellungen

Wählen Sie aus, wie viele Bilder gleichzeitig sichtbar sein sollen, die Anzahl der Spalten (1-12), in die die Bilder unterteilt werden sollen, und den Rand zwischen Ihren Bildern. Wenn die Anzahl der gezeigten Bilder auf 0 gesetzt ist, zeigt das Modul alle Ihre Bilder an.

Wenn Sie sich entscheiden, nicht alle Bilder gleichzeitig in der Liste anzuzeigen, fügt der Editor automatisch Pfeile auf jeder Seite des Moduls hinzu, damit Besucher durch die Bilder blättern können. Sie können die folgenden Übergangseinstellungen anpassen:

Pfeil-Navigation anzeigen: Pfeile werden an den Seiten Ihrer Bilderliste hinzugefügt.
Paginierungspunkte anzeigen: Punkte werden am unteren Rand Ihrer Bilderliste hinzugefügt, um Besuchern die Navigation zwischen den Folien zu erleichtern.
Automatischer Folienwechsel: Ihre Bilder wechseln automatisch, ohne dass der Besucher auf das Modul klicken muss.
Übergang bei Hover pausieren: Der automatische Folienwechsel pausiert, wenn ein Besucher den Mauszeiger über der Bilderliste hält.
Folienübergangstyp: Wählen Sie mit der Einstellung wie Ihre Bilderliste die Bilder wechseln soll. Sie haben drei verschiedene Optionen: Schieben (Sliding), langsames Ausblenden (Slow fade) und schnelles Ausblenden (Fast fade). Die Zeit zwischen den Übergängen beträgt standardmäßig 5000 Millisekunden (5 Sekunden). Erhöhen Sie den Intervallwert, wenn die Bilder länger sichtbar sein sollen, oder verringern Sie ihn, wenn die Bilder schneller wechseln sollen. Bitte geben Sie den Wert in Millisekunden ein (1000 Millisekunden = 1 Sekunde). Beachten Sie, dass die Übergänge bei den Bildern in den obigen Beispielen auf 2000 Millisekunden (2 Sekunden) eingestellt sind.
Zugeschnittene oder unbeschnittene Vorschaubilder: Sie haben die Wahl, ob Ihre Bilder als zugeschnittene oder unbeschnittene Vorschaubilder angezeigt werden sollen. Das folgende Beispiel zeigt einen visuellen Vergleich der beiden Einstellungen.
Hovereffekt: Sie können den Hover-Effekt entweder als rein grafisches Merkmal nutzen oder um den Text der Bildunterschrift direkt auf dem Bild anzuzeigen.

Unterschied Bilderliste vs. Galerie: Die Module Galerie und Bilderliste haben eine große optische Ähnlichkeit auf. Der Unterschied liegt im Verhalten beim Anklicken der Bilder durch einen Besucher. Bei Verwendung des Galerie-Moduls wird ein Bild beim Anklicken vergrößert und in einem Overlay angezeigt. Beim Klicken auf ein Bild im Bilderlisten-Modul wird der Besucher auf eine andere Seite/Website/E-Mail/Datei weitergeleitet, sofern ein Link zum Bild hinterlegt wurde (ist kein Link hinterlegt, erfolgt keine Aktion beim Klicken auf das Bild). Die beiden Module unterscheiden sich zudem hinsichtlich der Bildquellen. Das Galerie-Modul kann Bilder aus dem Galerie-Inhalt in den Globalen Daten abrufen, während das Bilderlisten-Modul nicht für den Abruf von Inhalten aus den Globalen Daten konfiguriert werden kann.

Schlagworte: Bilderliste, Galerie, Webseiten-Editor, Bildmaterial, Slideshow, Bildbearbeitung, Verlinkung, Alt-Text, Hover-Effekt, Übergangstyp, Design, ChurchDesk Hilfe, Vorschaubilder, Navigation.

Aktualisiert am: 02/02/2026

War dieser Beitrag hilfreich?

Danke!