Anzeigen von Bilddateien

Statisches Bild aus Javascript-Code referenziert in Zusätzliche Dateien

Das Bild wird referenziert im HTML5-Steuerelement-Editor in der Registerkarte Allgemein im Feld Zusätzliche Dateien.

Im Skriptcode wird der tatsächliche Dateiname mit der API "CDSWebVisuAccess.getAdditionalFile" abgerufen. Dann kann das Bild stattdessen in das Steuerelement eingebunden werden.

Statisches Bild aus Javascript-Code mit Data-URI

Dieser Mechanismus kann verwendet werden, um ein Bild direkt in die entsprechende Datei einzubetten.

Bild, das in einer Bildersammlung verwaltet wird, referenziert mit <image pool>.<image>

Referenz aus Javascript-Code

Voraussetzung: Das HTML5-Steuerelement bietet eine oder mehrere Konfigurationen für den Editortyp Bild.

Im Skriptcode wird der tatsächliche Dateiname mit der API "CDSWebVisuAccess.getImagePoolFileName" abgerufen.

Der Benutzer kann dann die ID eines Bildes aus einer Bildersammlung mit <image pool>.<image> zuweisen, so dass das HTML5-Steuerelement das entsprechende Bild vom Webserver laden kann.

Bildreferenzierung innerhalb eines CSS-Stils mit Verwendung von Data-URI

Wenn ein Bild in ein CSS-Stylesheet eingebettet werden soll, kann dies über eine Data-URI realisiert werden.

Beispiel:

/* using an incomplete URI to save space*/
p{
    background-image: url("data:image/png;base64,iVBORw0KGg...QmCC");
    background-repeat: repeat;
}