morfizm (morfizm) wrote,
morfizm
morfizm

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

Недавно разместил свою фото в комментах у 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: 1, lj tricks
Subscribe
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 11 comments