Skip to main content

Visualización de archivos de imagen

Las siguientes opciones están disponibles para acceder a una imagen desde el control HTML5.

Referencias

Descripción

Imagen estática del código JavaScript referenciado en Archivos adicionales

La imagen está referenciada en el editor de control HTML5, en el General pestaña, en el Archivos adicionales campo.

En el código del script, el nombre del archivo real se recupera mediante la API “CDSWebVisuAccess.getAdditionalFile". Entonces la imagen se puede integrar en el control.

Imagen estática del código JavaScript con Data URI

Este mecanismo se puede utilizar para incrustar una imagen directamente en el archivo correspondiente.

Imagen que se administra en un grupo de imágenes referenciado con <image pool>.<image>

Referencia desde el código JavaScript

Requisito: El control HTML5 proporciona una o más configuraciones para el Imagentipo de editor.

En el código del script, el nombre del archivo real se recupera mediante la API "CDSWebVisuAccess.getImagePoolFileName".

El usuario puede entonces asignar el ID de una imagen de un grupo de imágenes con <image pool>.<image> para que el control HTML5 pueda cargar la imagen correspondiente desde el servidor web.

Referencia de imágenes dentro de un estilo CSS usando Data URI

Si se debe incrustar una imagen en una hoja de estilo CSS, esto se puede hacer usando un Data URI.

Ejemplo:

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