Zum Inhalt

Bilder

Mit dem picture Element kann ein Bild innerhalb einer Textzeile angezeigt werden. Der Pfad zur Bilddatei wird mit dem filepath Attribut angegeben. Unterstützte Bildformate sind JPG, PNG und SVG.

Die meisten Bilder in einem Kurs sind üblicherweise Abbildung und sollten deshalb mit dem Block-Element für Abbildungen umschlossen werden. Nur wenn ein Bild direkt innerhalb einer Textzeile angezeigt werden soll, sollte man ein picture Element außerhalb einer Abbildung benutzen.

Jedes Bild im Kurs muss ein Mindestmaß an Metadaten enthalten. Das bedeutet, dass eine Lizenz angegeben werden muss, unter der das Bild fällt.

Example

<p>
    Das Warnschild erkannt man am Zeichen <picture filepath="media/warning-sign.png">
        <metadata>
            <license>Public Domain</license>
        </metadata>
    </picture>. Es deutet auf Gefahr hin.
</p>

Attribute

Das picture Element unterstützt die folgenden Attribute:

Attribut Typ Standardwert Beschreibung
filepath xs:string - Path to the image file relative to the current document.
maxheight LengthPercentage | None none Maximal height of this media object as length percentage value or "none", which means that there should be no limit on the height of the object.
maxwidth LengthPercentage | None none Maximal width of this media object as length percentage value or "none", which means that there should be no limit on the width of the object.
minheight LengthPercentage | Auto auto Minimum height of this media object as length percentage value or "auto", which means that the application will calculate and select a minimum height.
minwidth LengthPercentage | Auto auto Minimum width of this media object as length percentage value or "auto", which means that the application will calculate and select a minimum width.
name xs:Name - Name des Elements. Dieser muss eindeutig unter allen Elementen in der Kursvariante sein.
tags TokenList Durch Leerzeichen getrennte Liste von Etiketten, welches dieses Element haben soll.