Biblioteca de componentes

Galería

false
false
Descripción de la imagen
false

Ejemplo:

	
<sede:component fragment="/fragmentos/componentes/gallery" clase="col-xs-12 col-sm-4 margin-b1em" json="{'data' : 
	[
     	{
     		'imgSrc': '/cont/vistas/portal/servicios-sociales/escuela-jardineria-pinar/img/instalaciones/instalaciones-1'
     	},
     	{
     		'imgSrc': '/cont/vistas/portal/servicios-sociales/escuela-jardineria-pinar/img/instalaciones/instalaciones-2',
     		'caption': 'Descripción de la imagen'
     	},
     	{
     		'imgSrc': '/cont/vistas/portal/servicios-sociales/escuela-jardineria-pinar/img/instalaciones/instalaciones-3'
     	},
	]
}"></sede:component>



	
//Opcionalmente se puede agregar las CDNs de Lightbox 
//CSS
<th:block th:include="/fragmentos/styles :: ekko"></th:block>


//JS
<th:block th:include="/fragmentos/scripts :: ekko"></th:block>
  <script>
  $(document).on('click', '[data-toggle="lightbox"]', function(event) {
    event.preventDefault();
    $(this).ekkoLightbox({
      alwaysShowClose: true
    });
  });
</script>
Abrir configurador
Atributo Descripción Valor por defecto
claseContainer String - Clase del contendor general de la galería ' '
clase String - Clase que se aplicará a cada item de la galería. Su principal utilidad es de definir el tamaño de cada imagen por medio del sistema de columnas de bootstrap. Ej: Escuela municipal de jardinería El Pinar > Instalaciones 'col-xs-12 col-sm-4 margin-b1em'
imgsRatio Number/Number - Definir la relación de aspecto que tendrá cada item de la galería. '4/3'
imgRounded CSS Units (px, em, %) - Definir el radio de los bordes de la imagen. ' '