Tengo un problema realizando un slider con jquery.slider.js El slider me funciona correctamente el problema es la proporción de la imagen. Tiene como una proporción establecida y para ajustar el tamaño solo me deja cambiar el width. En función de este, se adapta el height mostrado y todo lo que sobresale, lo corta. El height da igual el valor que ponga, porque lo ignora. Tengo una imagen que es muy “alta” en comparación con el ancho, y por ello la única forma que tengo de que se vea entera es colocar el width muy grande, pero entonces me aparece un barra de scroll horizontal. Si pongo el width al 100% o aproximadamente al tamaño de la pantalla, la imagen se me corta por la mitad. ¿Hay alguna forma de ajustar el width y el height independientemente?
Muchas Gracias de antemano.
El código es algo así:
Html----------------
<section id="container">
<div class="slides">
<div id="slide1">
……
</div>
<div id="slide2">
……
</div>
</div>
</section>
CSS-----------------
#container{
width:900px
height:2300px;
}