Bildbreiten: Für Bilder abhängig von Position eindeutige Id setzen

Bei der Auflistung von Bildern ist es möglich jedem Bild eine eindeutige Bildbreiten-Id zuzuweisen.

Abhängig von den ausgewählten CSS-Klassen wird in den Bildergalerien in der Regel für alle Bilder eine Bildbreiten-Id ermittelt.

Grid-Layouts sind zum Beispiel Listen, bei der Listeneinträge in unterschiedlichen Breiten generiert werden. Hier sollten die Bildbreiten für jedes Bild abhängig von dessen Position ermittelt werden.
Dazu setzen Sie in der scss-Variante der Liste folgende die option setUniqueWidthIdPosition:1.

-w-option-setUniqueWidthIdPosition:1 /*Setzt positionsabhängig für jedes Bild eigene widthId */
FAQs are only visible for Weblication ai search and editors!
Worum geht es bei der Option <code class="codeInline">setUniqueWidthIdPosition</code>?
Mit <code class="codeInline">setUniqueWidthIdPosition</code> kann jedem Bild in einer Auflistung eine eigene Bildbreiten-Id zugewiesen werden. Dadurch lassen sich Bildbreiten abhängig von der Position des jeweiligen Bildes ermitteln.
Wann ist eine positionsabhängige Bildbreiten-Id sinnvoll?
Sie ist besonders bei Grid-Layouts sinnvoll, also bei Listen, in denen Listeneinträge mit unterschiedlichen Breiten erzeugt werden. In solchen Fällen sollten die Bildbreiten für jedes Bild abhängig von seiner Position berechnet werden.
Wie verhalten sich Bildergalerien standardmäßig bei der Ermittlung der Bildbreiten-Id?
Abhängig von den ausgewählten CSS-Klassen wird in Bildergalerien in der Regel für alle Bilder eine Bildbreiten-Id ermittelt.
Wie aktiviert man positionsabhängige widthIds in der SCSS-Variante einer Liste?
In der SCSS-Variante der Liste wird dazu die Option <code class="codeInline">setUniqueWidthIdPosition:1</code> gesetzt: <pre><code class="codeBlock" style="color: #000000">scss -w-option-setUniqueWidthIdPosition:1 /*Setzt positionsabhängig für jedes Bild eigene widthId */ </code></pre>