jQuery Cycle responsive

Si usais el plugin jquery cycle de M. Alsup y tenéis una página responsive, a continuación un ejemplo de como configurarlo para hacerlo también adaptable en anchura y altura.

Lo primero y más importante configurar el script cycle. Tenemos que añadir los parámetros slideResize y containerResize con valor «false»:

$('#mi_slider').cycle({
    slideResize: false,
    containerResize: false
});

El html del slider, yo he puesto una lista de imagenes (para que se adpate al alto de las imágenes):

<ul id="mi_slider" class="slider_responsive">
    <li><img src="foto1.jpg" /></li>
    <li><img src="foto2.jpg" /></li>
    <li><img src="foto3.jpg" /></li>
</ul>

Y por último configurar el css de vuestro slider (en este caso haciendo responsive en ancho y alto las imágenes):

.slider_responsive {
    width: 100%; 
    text-align:center;
}
.slider_responsive img {
    width: auto;
    max-width: 100%;
    height: auto;    
}