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.

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