Redimencionar img manteniendo el ancho

[rapuig]

Buenas, tengo un sitio web que tiene una imagen (no background) la cual ocupa todo el ancho de la pantalla y de ancho la mitad.
La img tiene 1910px de ancho y en una pantalla de 1280px solo veo esos 1280px iniciales de la imagen, yo quiero que la imagen se adapte completa al ancho de cada pantalla, manteniendo el alto.

No se si me explico bien, algo así como que la img se centre verticalmente en la pantalla siendo la pantalla de menos px que le ancho de la img.

Creo que con css es posible, utilizando background-size: cover, pero yo no quiero que sea background, sino una img y creo que la solución esta con javascript.

Muchas gracias.

[PHPeros]

Pues utiliza un height del 100% y un width con los pixels que quieras.

[rapuig]

Hola, gracias por tu comentario, pero me parece que no se entendió. Si le pongo un ancho quedará ese ancho fijo y no se adaptará a las pantallas.

Gracias igual.

[PHPeros]

Al revés

Un height 100% y un width con x píxels.

[Trublux]

Pon:

Código CSS:

img { width: 100%; height: auto; }
 

Si mantiene el alto y cambias el ancho se deformaría.

P.D.: Esto debería ir en CSS.

[rapuig]

Muchas gracias por sus comentarios, pero en ese caso el alto no se mantiene.

Saludos.

[rapuig]

Algo así como este ejemplo (en este caso en un background y yo quiero que sea con una img dentro del div) o este otro ejemplo que si es con un img pero un slider y a mi me interesa solo una img.

Muchas gracias.