Menú jcyl.es

Junta de Castilla y León

Catálogo de componentes - Junta de Castilla y León

  • Zona privada
  • Contacto

Idiomas

Redes sociales

  • Facebook
  • Twitter
  • Youtube

Menu jcyl.es

Mi cuenta

usuario2017xxx

usuario@gmail.com

Mi cuenta

Cerrar sesión

Guía de estilos y componentesde la Junta de Castilla y León

Galería de imágenes

Sin paginación

Con paginación

Responsividad

El componente se dispondrá en filas de cuatro columnas por encima de 980px. Por debajo de 980px y por encima de 768px se dispondrá en filas de tres columnas. por debajo de 768px y por encima de 530px se dispondrá en filas de dos columnas. Por debajo de 530px se dispondrá en filas de una sola columna.

La paginación (Javascript) se inicializará sola si el número de elementos del listado es mayor que el indicado en la variable GLOBAL_N_ITEMS.

El tamaño de las imágenes puede ser variable, siendo el tamaño ideal de 270 X 200px.

Es necesario añadir tanto los estilos como la librería JS de Colorbox.

Código

						
<link href="css/colorbox-galeria.css" rel="stylesheet">
<script src="js/jquery.colorbox-min.js"></script>

<script>
	var GLOBAL_N_ITEMS = 8;
</script>

<div class="galeria-multimedia">
	<ul>
		<li>
			<a href="[IMG_GRANDE]" title="[TÍTULO]" class="cboxElement">
				<span class="imagen">
					<img src="[IMG]" alt="">
				</span>
			</a>
		</li>
		[...]
	</ul>
</div>
<div class="paginacion" aria-hidden="true">
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA