Medien

Medien

Formen

square

round

cover

Seitenverhältnis

cover + 16-9

Eingebettetes Dokument

Ein iframe füllt seinen Bereich, daher bestimmt der Bereich die Größe: ein Verhältnis-Modifikator oder media--fill, um die Höhe zu übernehmen, die der Elternteil vorgibt.

media--fill · actions

16-9

Überlagerung

media--bg / media--fg

Vue

Der gleiche Rahmen wie ein Vue-Partial, für ein Dokument, dessen Adresse erst bekannt ist, wenn die Seite geladen wird.

Rahmen

Ein Bild in seinem Rahmen, vom Server mit media() oder als das Media Vue-Komponente: ein Link, wenn es irgendwohin führt, eine Beschriftung über seinem Fuß und ein Leuchten während des Ladens oder wenn es keines gibt.
Eine Beschriftung über seinem Fuß

media() · href · caption

media(null) · placeholder

Mosaik

Bilder jeder Höhe, nebeneinander gepackt, ohne Lücken, jedes so hoch wie es das Verhältnis sagt, die Spalten so viele wie der Raum zulässt: wall() zieht es vom Server, die Form ist css/shapes/wall.

Wand einer Sammlung

Die gleiche Wand wie eine Sammlung von Entitäten, die über die API seitenweise gelesen wird, während sie gescrollt wird: die nächste Seite kommt, bevor der Fuß der Wand erreicht ist.

Zuschneiden

Welchen Teil eines Bildes beibehalten werden soll, über das Bild gewählt: der Bereich bewegt sich, eine Ecke ändert die Größe, die Pfeile bewegen es und mit Shift wird die Größe geändert. Es wird in den eigenen Pixeln des Bildes angegeben — wonach ein Server zuschneidet — und crop() schneidet es hier, wenn der Schnitt stattdessen gesendet wird. Ein Verhältnis hält es (1 für ein Porträt, rund dargestellt), oder es ist frei, wie es eine Unterschrift benötigt.