Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Полноэкранная картинка с сохранением пропорций (https://javascript.ru/forum/jquery/27059-polnoehkrannaya-kartinka-s-sokhraneniem-proporcijj.html)

flytracer 01.04.2012 17:56
Полноэкранная картинка с сохранением пропорций
 
Мне нужно сделать полноэкранное слайд шоу в котором будут сохраняться пропорции картинки.
Если кто-то знает как это сделать, помогите пожалуйста.
Заранее спасибо.

Pavel M. 01.04.2012 20:39
если для новых броузеров то удобно пользоваться http://htmlbook.ru/css/background-size

imsha 02.04.2012 15:15
Если и для старых.
То через CSS примерно так.

HTML
<img src="image.jpg" alt="Image" />
<!-- Атрибуты width и height не нужны -->


CSS
Код:
img{
    width: 100%;
    height: auto;
}

Pavel M. 02.04.2012 17:02
а если картинка высокая, но узкая?

на стандартном экране будет видна только ее часть


Часовой пояс GMT +3, время: 00:11.