Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Изменить только большую строну картинки (https://javascript.ru/forum/xhtml-html-css/55573-izmenit-tolko-bolshuyu-stronu-kartinki.html)

igormog 04.05.2015 22:28

Изменить только большую строну картинки
 
Hello пиплы :)
Можно как-нибудь на чистом CSS увеличить большую сторону картинки? Проблема в том, что у каких-то картинок большая это ширина, а у каких-то высота.

P.S. Самому на ум приходит только сделать какой-нибудь JS-скрипт, который будет определять большую сторону и добавлять css inline-свойство.

Decode 04.05.2015 23:43

Ну разумеется только на JS. Получать высоту и ширину картинки, сравнивать и затем увеличивать.

рони 05.05.2015 00:08

Цитата:

Сообщение от igormog
увеличить большую сторону картинки?

интересно зачем

igormog 05.05.2015 12:13

рони, чтобы увеличить картинки до определенного размера, но так чтобы они не искажались.
Для этого я увеличиваю только большую сторону, а меньшая увеличивается пропорционально.

рони 05.05.2015 18:40

igormog,
http://javascript.ru/forum/dom-windo...tml#post240136
посмотрите всю тему

igormog 05.05.2015 23:50

рони, спасибо, получается если бы картинка была в качестве фона, то мне бы идеально подошло CSS свойство background-size: cover;, картинки должны быть добавлены на страницу HTML-тегами <img>

рони 06.05.2015 00:17

igormog,
там есть js код для картинок

igormog 06.05.2015 13:08

рони, да, нашел и использую, спасибо!


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