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

Slider home

Responsividad

El carrusel se adaptará al ancho disponible ocupando el 100% del contendor en el que se encuentre. Por debajo de 700px desaparecerá la imagen, mostrándose solo el texto dentro del carrusel.

El tamaño de las imágenes es de 1170px X 488/490px.

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

Código

						
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.slider-home.css" rel="stylesheet">
<script src="js/owl.carousel.min.js"></script>

<div class="carrusel-home">
	<ul class="owl-carousel">
		<li>
			<a href="">
				<img src="[IMG]" alt=""/>
				<span class="texto">
					<strong>[TITULO]</strong>
					<span>[DESCRIPCIÓN]</span>
				</span>
			</a>
		</li>
	</ul>
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA