Guia de estilo Sede electronica. Ayuntamiento de Zaragoza

Carousel

caption de ejemplo 1

caption de ejemplo 2

caption de ejemplo 3

caption de ejemplo 1

caption de ejemplo 2

Ejemplo:

	
<sede:component fragment="/fragmentos/componentes/carousel" 
    json="{'data' : 
		[
        	{
        		'imgSrc': '/cont/vistas/fragmentos/componentes/default',
        		'caption': 'caption de ejemplo 1'
        	},
        	{
        		'imgSrc': '/cont/vistas/fragmentos/componentes/default',
        		'caption': 'caption de ejemplo 2'
        	}
		]
	}">
</sede:component>

Abrir configurador

Globales
Atributo	Descripción	Valor por defecto
clase	Clase HTML - Modificador del contenedor general	' '
imgsRatio	Number/Number - Definir la relación de aspecto que tendrán las imágenes del carousel	'16/9'
captionColor	#hex - Color del fondo de la descripción de cada imagen	' '
captionOpacity	#hex - Valores hexadecimales de opacidad. de 00(0%) a FF(100%)	'55'
textColor	#hex - Color del texto de cada descripción	' '

Botón de redirección
Atributo	Descripción	Valor por defecto
link	URL -Agregar un botón para descargar las imágenes del carousel	' '
btnText	String - Texto del botón	' '
btnIcon	Clase FontAwesome - Definir el icono del botón	' '

json[data]
Key	Descripción	Valor por defecto
imgSrc	URL - URL de la imagen	'/cont/vistas/fragmentos/componentes/default'
imgAlt	String - Texto alternativo de la imagen	''
caption	HTML / string - Define la descripción de la imagen	' '