Как растянуть картинку (тег Img) на всю ширину экрана не меняя высоты?

Question

[issssrt]

Нужно растянуть картинку в теге img на всю ширину (выравниване по центру) при этом сохраняя ее изначальную высоту? Т.е. по ширине показывается не вся часть. а только та, которая попадает под размеры экрана.
Т.е. также как при использовниии background url() center no-repeat;

Answer 1

[Stalker_darkway]

родителю задайте overflow: hidden;
А картинке нужный размер в пикселях.

Answer 2

[Андрей Хохлов]

Блок с position:relative и overflow: hidden
Картинке position: absolute и внутрь этого блока, по его центру

Answer 3

[Арам Арамян]

А чем использование бэкграунда не устраивает?
Можно использовать контейнер (div к примеру), и указать ему overflow:hidden

<div  style="height: 200px;overflow:hidden;width:100%;">
<img style="height: 200px;margin:0 auto;">
</div>

Comments

[issssrt]

Я использую слайдер, который в теге li>img прописываются изображения. Фишка в том что он подгоняет высоту по ширине 100%, а мне по макету нужно высоту строго как в оригинале. Либо найти подходящий слайдер .

[Арам Арамян]

тогда вот этому li и указать то, что я написал выше для div

[issssrt]

Спасибо!