Skip to main content

Affichage des fichiers image

Les options suivantes sont disponibles pour accéder à une image à partir du contrôle HTML5.

Référencement

Description

Image statique du code JavaScript référencé dans Fichiers supplémentaires

L'image est référencée dans l'éditeur de contrôle HTML5, sur le Général onglet, dans le Fichiers supplémentaires champ.

Dans le code du script, le nom réel du fichier est récupéré à l’aide de l’API «CDSWebVisuAccess.getAdditionalFile". Ensuite, l'image peut être intégrée dans le contrôle à la place.

Image statique à partir du code JavaScript avec Data URI

Ce mécanisme peut être utilisé pour intégrer une image directement dans le fichier correspondant.

Image gérée dans un pool d'images référencé avec <image pool>.<image>

Référence à partir du code JavaScript

Exigence : Le contrôle HTML5 fournit une ou plusieurs configurations pour le Imagetype d'éditeur.

Dans le code du script, le nom réel du fichier est récupéré à l'aide de l'API "CDSWebVisuAccess.getImagePoolFileName".

L'utilisateur peut ensuite attribuer l'ID d'une image à partir d'un pool d'images avec <image pool>.<image> afin que le contrôle HTML5 puisse charger l'image correspondante à partir du serveur Web.

Référencement d'images dans un style CSS à l'aide de Data URI

Si une image doit être intégrée dans une feuille de style CSS, cela peut être fait à l'aide d'un Data URI.

Exemple:

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