Хитрости отображения картинок в ленте друзей ЖЖ

[edkin]

Если вы - как я - читаете ленту друзей со множеством фотографий и, разумеется, в стиле своего дневника, то возможно вам попадались картинки, ну, очень-очень большого размера

Comments

[renatar]

О, большое спасибо!

Только я себе сделала так:

img {
max-width: 800px;
}

- без
height: auto !important;
width: auto !important;
Потому что иначе у меня выравнивание превьюшек фотографий в одну линию пропадает. Например, в этом посте: http://renatar.livejournal.com/500121.html - там четыре верхние картинки разного размера и я их в посте "растягивала" через height и width так, чтобы они были одинаковые по размеру, а с auto !important; получалось зубьями какими-то, т.к. стали отображаться их реальные размеры. Когда поставила просто max-width: 800px; - все стало нормально.

Спасибо, что избавили от мучений по поводу растянутой френдленты!

[edkin]

Понятно, что вставка обязательна не всегда и зависит от положения стиля в списке и других стилей. Но у меня часто не работает в ЖЖ без нее, потому рекомендую.
Посмотреть Ваш пост в своем стиле не могу, ибо для этого нужно танцевать с бубном, в своем блоге я с картинками работаю через экшены Фотошопа, потому сам с собой проблем не имею.
Да, при растягивании будут вопросы, которые решаемы теми же стилями, но я не сторонник растягивать. Сами понимаете почему.
Усеченный вариант может сработать не всегда, и есть вероятность неверного масштабирования, зависящая от стиля картинки, тем более без .!important .

Был рад помочь!

[ya_zufarovna]

Привет !
Большое спасибо :)

[edkin]

Привет! :)))

[ya_zufarovna]

Такой вопрос : как отрегулировать размер картинок в сообщениях ?
Ф-лента теперь упорядочена, но некоторых блогеров читаю по уведомлениям, а там такая же катавасия :(

[edkin]

Дело в том, что вы можете настраивать только свой профиль. Профиль уведомлений Вы настроить не можете.
Но... попробуйте почитать ответ на этот вопрос до конца:

http://www.livejournal.com/support/faqbrowse.bml?faqid=175&view=full

[redvedma]

А может и мне подскажете?

Я когда вставляю картинки в свой пост, задаю им параметры размера вручную, например 300х300. В визуальном редакторе перед отправкой они выглядят как мне и надо, небольшими. Но когда я отсылаю пост, и смотрю его в журнале - картинки огромные, растянутые по ширине экрана. Как исправить?

Мне кажется, это есть где-то настройка в стиле, но я не могу ее найти.

[edkin]

Киньте ссылку. Вручную не нашел.
С точки зрения трафика и качества отображения правильно указывать истиный размер картинки, а не впысывать ее в рамки.

[edkin]

Посмотрел:
Вам стоит изменить следующие строчки, закомментировав часть из них, чтобы можно было вернуть изменения

.post-asset .asset-body img {
height: auto !important;
max-width: 100%;
width: auto !important;
}

изменить на

.post-asset .asset-body img {
/* height: auto !important;
max-width: 100%;
/* width: auto !important;
}

но я бы поменял еще и max-width:

max-width: 900px;

Напомню о точке-запятой в конце и делать все это в http://www.livejournal.com/customize/options.bml?group=customcss, поле Custom stylesheet.

[redvedma]

О, спасибо!
Наладила всё))

[dead_doomer]

курьёзно, но трюк с max-width: 100%; у меня в 26 файрфоксе не работает.

Сработало поставить max-width: 1600px;

Но вот если ставить 100%, то фокс как будто это игнорирует.