Bildersammlungen verwenden

Über die Detailseite von Bildersammlungen können berechtigte Benutzer:innen die Bilder einer Sammlung verwenden und über das Kontextmenü auf den Bildern folgende Funktionen abrufen:

Bilder merken
Bild in nativer Auflösung anzeigen
Bildkopien finden und verwalten
Bild-Links abrufen

Mithilfe der Funktion “Bild-Links abrufen” kann über ein Drop-Down-Menü das responsive figure-Tag mit Lazy-Loading zum direkten Einfügen abgerufen werden.

Funktionalitäten der Detailseite von Bildersammlungen

Bilder merken
Bild in nativer Auflösung anzeigen
Bildkopien finden und verwalten
Bild-Links abrufen

Inhaltsverzeichnis

1 Detailseite von Bildersammlungen
- 1.1 Funktionen der Seite
- 1.2 Bild-Links
  - 1.2.1 Responsives figure-Tag mit Lazy-Loading
  - 1.2.2 Bild-URLs je Bildgrößen-Variante
2 Verwandte Seiten

Detailseite von Bildersammlungen

Die Detailseite der Bildersammlung kann von Benutzer:innen mit der Berechtigung “Bildersammlungen verwalten” oder “Bildersammlungen verwenden” über die Verwaltung von Bildersammlungen aufgerufen werden.

Funktionen der Seite

Über das Kontextmenü ( ⠇) der Detailseite kann zum Bearbeitungsformular für Bildersammlungen abgesprungen werden, um die entsprechende Sammlung zu bearbeitet. Außerdem stehen über dem Kontextmenü ( ⠇) des jeweiligen Bildes folgende Funktionen zur Verfügung:

Bilder merken
Bild in nativer Auflösung anzeigen
Bildkopien finden und verwalten
Bild-Links abrufen

^{Absprung zum Bearbeitungsformular über das Kontextmenü auf der Detailseite der Bildersammlung}

^{Über das Kontextmenü eines Bildes aufrufbare Funktionen auf der Detailseite der Bildersammlung}

Per Klick auf den Bild-Links können verschiedene Größen-Varianten der Bilder abgerufen und im HTML-Teasermanagement, auf statischen Seiten oder mithilfe der “Code-einbetten”-Funktion in Inhalte eingefügt werden.

Bild-Links

Mithilfe der Funktion “Bild-Links abrufen” kann über ein Drop-down-Menü das responsive figure-Tag mit Lazy-Loading zum direkten Einfügen abgerufen werden. Der abgerufene Code kann im HTML-Teasermanagement, auf statischen Seiten oder mithilfe der “Code einbetten”-Funktion in Inhalten genutzt werden. Des Weiteren können die img-URLs für verschiedene Bildgrößen-Varianten der Bilder abgerufen und mit einem Klick kopiert werden.

Bild-Links abrufen

Mit Klick auf Funktion “Bild-Links abrufen” öffnet sich ein Overlay.

Im Overlay kann über ein Drop-down-Menü das responsive figure-Tag mit Lazy-Loading (siehe Bilder-Handling (Komprimierung) | Lazy Loading) zum direkten Einfügen abgerufen werden.

Responsives `figure`-Tag mit Lazy-Loading

Das figure-Tag ermöglicht das responsive Einbetten eines Bildes mit einem festen Bildformat (über Dropdown wählbar) auf z. B. statischen Seiten und im HTML-Teasermanagement. Das figure-Tag schneidet das Bild auf das entsprechende Bildformat um den definierten Bildschwerpunkt zu. Ebenfalls im figure-Tag inkludiert ist ein Lazy-Loading für bessere Ladezeiten. Eine Platzhalter-Logik hält das Seitenlayout während des Ladens des Bildes möglichst stabil und wirkt somit einem Content-Layout-Shift entgegen.

Damit das Lazy-Loading gut funktioniert, sollte das figure-Tag bei der Verwendung nicht mehr modifiziert werden.

Bei der Platzhalter-Logik ist zu beachten, dass die Bildformate der abgerufenen figure-Tags für verschiedenen Ansichten nicht verändert werden. In diesem Falle wird es wieder zu einem Content-Shift kommen, da für diese generierten figure-Tags nur ein Platzhalter mit einem festen Bildseitenverhältnis generiert wurde.

Bild-URLs je Bildgrößen-Variante

Unterhalb des Dropdown können in einer Liste die beim Upload generierten Bildgrößen-Varianten (Bilder-Handling (Komprimierung) | Bildgrößen ) als URL abgerufen und mit einem Klick kopiert werden.