?

Log in

No account? Create an account
   Journal    Friends    Archive    Profile    Memories
 

Вставка фотографий в комментарии - morfizm


Jun. 16th, 2009 09:46 pm Вставка фотографий в комментарии

Недавно разместил свою фото в комментах у vakurov'а (вот здесь), и меня попросили написать, как вообще фотки в комментариях выкладывают. Я написал. Возможно, кто-то ещё хочет научиться это делать (хотя вероятность этого в наши высокотехнологические времена стремится к нулю), поэтому выложу копию моих инструкций здесь.


Итак, что я сделал:
1. Открыл окно создания новой записи: http://www.livejournal.com/update.bml
2. Выбрал режим отображения "HTML" (правый верхний угол окна редактирования, рядом с "Rich Text").
3. Кликнул "Insert Image" (левый верхний угол).
4. Кликнул "Image From File"-"Browse", выбрал файл и кликнул "Upload".После закачки появился следующий код:

<a href="http://pics.livejournal.com/kuzmen/pic/0000tf6z/"> <img src="http://pics.livejournal.com/kuzmen/pic/0000tf6z/s320x240" width="201" height="240" border="0" /> </a>

Его можно вставить в комментарий.Аналогичный код можно получить, если фотка уже где-то опубликована - для этого нужно в обозревателе выбрать режим "View Source" и попытаться найти какой-то текст, который расположен рядом с картинкой. Рядом с этим текстом должен найтись img-тэг.

Важное примечание: LiveJournal при закачке фотки создаёт "правильный" код (с указанием ширины и высоты). Создавая подобный код вручную, можно по ошибке забыть указать атрибуты width и height. Например, так:

<img src="http://pics.livejournal.com/kuzmen/pic/0000tf6z/s320x240" />

В этом случае фотка всё равно отобразится, но вначале обозреватель нарисует её маленьким квадратиком, а после загрузки - растянет (ибо в случае неуказания атрибутов, обозреватель не знает, какого она размера, пока не загрузит). Это приведёт к очень неприятному эффекту "разъезжания" ленты комментов по мере загрузки фоток. Поэтому в случае ручного ввода лучше не полениться и узнать размеры фотки заранее (это можно сделать для любой картинки, кликнув правой клавишей и выбрав "Properties"). Например, если бы я захотел вставить сразу фотку оригинального размера (без preview), я бы вначале сходил по её линку: http://pics.livejournal.com/kuzmen/pic/0000tf6z, посмотрел бы её размеры (591x703), после чего сделал бы тэг с атрибутами:

<img src="http://pics.livejournal.com/kuzmen/pic/0000tf6z" width="591" height="703" />

Если вы будете выкладывать подобные инструкции у себя в ЖЖ, то, чтобы показать вышеприведённый код в HTML-режиме, нужно заменить < на &lt; , > на &gt; и & на &amp;. Либо просто внести его в Rich Text-режиме.

P.S. Я вернулся, но пока только частично. Комментов и френдленту не читаю. И вообще, это не пост. Это я просто подчищаю свой "TODO" list.

P.P.S. См. также комментарии здесь

Tags: ,

11 comments - Leave a commentPrevious Entry Share Next Entry

Comments:

From:l_sylvanas
Date:June 17th, 2009 05:55 am (UTC)
(Link)
"и вообще, это не я", надо было написать %)
From:morfizm
Date:June 18th, 2009 05:53 am (UTC)
(Link)
:)
From:naoe_riki
Date:June 17th, 2009 08:50 am (UTC)
(Link)
Ахаха.. Ну что, welcome back, тогда.
From:morfizm
Date:June 18th, 2009 05:53 am (UTC)
(Link)
Ага :)
From:vakurov
Date:June 17th, 2009 09:00 am (UTC)
(Link)
Спасибо! Разнёс информацию по интернету. :)
From:morfizm
Date:June 18th, 2009 05:54 am (UTC)
(Link)
Отлично! На удивление, информация оказалась кому-то полезной :)
From:selenatamansha
Date:June 17th, 2009 09:10 pm (UTC)
(Link)
Спасибо огромное! Ура!
From:morfizm
Date:June 18th, 2009 05:54 am (UTC)
(Link)
Пожалуйста!
From:selenatamansha
Date:June 18th, 2009 07:41 am (UTC)
(Link)
По поводу размеров:
У меня не грузятся картинки с компа, и не определяется их размер в коде. Возможно из за того, что акаунт бесплатный и не улучшенный. Или их туда в добровольно принудительном порядке вписать? Надо поэкспериментировать.
Но уже то что получилось вставить картинку с fotofile победа!
Чувствовала что решение простое, но сама увы, не смогла найти.
From:morfizm
Date:June 27th, 2009 11:06 pm (UTC)
(Link)
Ну я частенько вписываю в добровольно-принудительном порядке. Фото-сервис должен это сам делать, а если не делает, это странно. Похоже на баг или на серьёзную недоработку.
From:selenatamansha
Date:June 28th, 2009 08:55 am (UTC)
(Link)
У них все нормально, это у меня лень матушка, мне проще в шопе обрезать уже готовое туда закинуть.