Comments | lj_ru_support: Предлагаю сделать функцию: "Не разрывать ленту большими картинками"

dilesoft in lj_ru_support

Предлагаю сделать функцию: "Не разрывать ленту большими картинками"

Jan 26, 2011 16:24

Если автоматически добавлять к картинкам стиль:

width: 100%;
height: auto;

То она будет строго по ширине френдленты. Можно делать увеличение по клику, или просто заходя в пост. Это было бы очень удобно!

изображения, настройки, предложение, френдлента

Comments 27

kvakin March 29 2011, 10:09:46 UTC

Очень нужная опция! Люди понакупали широкоформатных мониторов и вставляют громадные фотографии. Сядешь за ноут или старый добрый ЭЛТ и кирдык, фленту читать невозможно.

ex_crigger_ March 29 2011, 10:10:12 UTC

+1. А пока что добавил в Custom css

nhura April 9 2011, 00:22:46 UTC

А как добавил?

dale_ri March 29 2011, 10:11:12 UTC

серьезно что ли? не на весь экран?
ну если не на весь, то что мешает самому сделать это в css?

nhura April 9 2011, 00:22:18 UTC

А как?

unibasil March 29 2011, 10:11:38 UTC

А если картинка маленькая?

Круто, чё... unibasil March 29 2011, 10:15:34 UTC

( ... )

(The comment has been removed)

andy March 29 2011, 11:05:36 UTC

max-width не поддерживается в IE6, но это меньшая из проблем.

max-width: 100%; height: auto; - картинки с заданной в HTML высотой потеряют пропорции

max-width: 100%; height: auto !important; - пропорции будут соответствовать исходному изображению, что может быть нежелательно в случае маленьких растянутых картинок. К сожалению, такие маленькие растянутые картинки в коде ЖЖ-опросов используются, так что всё не так просто.

Я использую в своей ленте такое, но оно сильно не кросс-браузерное:

.entry img:not([src*="stat.livejournal.com"]) { max-width: 100%; height: auto !important; }

gegmopo4 March 29 2011, 15:59:14 UTC

Это нужно применять только для внешних картинок, так что дизайн ЖЖ не пострадает.

Thread 11