Carrusel de imágenes que se ajusta a la ventana del navegador con jQuery

Elastislide es un plugin jQuery que genera un carrosul de imágenes que se adapta de forma automática al tamaño del navegador, escalando sin ninguna complicación las imágenes que lo componen, este trabajo lo realiza siempre y cuando sea posible.

Este carrusel soluciona el problema de visualización en dispositivos móviles con pequeñas pantallas, principalmente porque se adapta perfectamente a la resolución del dispositivo para ser visualizado sin inconvenientes, evitando esas tan molestas pantallas con scrolls infinitos.

Elastislide esta vinculado a otro plugin llamado TouchWipe, este le agrega la funcionalidad de detectar eventos de giro en dispositivos con iOS.

Carrusel de imagenes que se ajusta a la ventana del navegador con jQuery

Visiten la demostración online de Elastislide.

Ejemplo de uso

Estructura HTML:

<div id="carousel" class="es-carousel-wrapper">
<div class="es-carousel">
<ul>
<li>
<a href="#">
<img src="images/medium/1.jpg" alt="image01" />
</a>
</li>
<li>...</li>
...
</ul>
</div>
</div>

Inicialización del plugin:

$('#carousel').elastislide({
	imageW : 180
});

Web: Elastislide

from Kabytes http://www.kabytes.com/programacion/carrusel-de-imagenes-que-se-ajusta-a-la-ventana-del-navegador-con-jquery/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+kabytes+%28Kabytes%29

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: