При создании нового сообщения вы можете добавить в него, помимо прочего, одну или несколько картинок. В визуальном редакторе это делается с помощью кнопки "Вставить/редактировать изображение", а в режиме HTML - с помощью кнопки "Вставить картинку". При этом открываются окошки вставки изображения. В зависимости от того, какую кнопку вы нажали, они будут выглядеть по разному, но суть у них одна. Можно либо использовать уже закачанную в интернет картинку, либо закачать свою картинку со своего компьютера, либо использовать одну из картинок в вашем фотоальбоме ЖЖ.
Дальше я расскажу про добавление картинки в визуальном режиме.
В открывшемся по нажатию кнопки "Вставить/редактировать изображение" окошке есть четыре вкладки: "Информация о изображении", "Ссылка", "Закачать" и "Photobucket".
Первая вкладка нам пока не интересна - у нас ещё нет картинки, информация о которой могла бы там отобразиться.
Вторая вкладка, "Ссылка", содержит ровно одно поле - URL. Указываем в нём адрес картинки, которую мы нашли в интеренете и нажимаем кнопку OK внизу окошка. Адрес любой картинки можно найти в её свойствах (щёлкните правой кнопкой мыши по интересующему вас изображению и выберите пункт "Информация об изображении").
Следующая вкладка, "Закачать", посложнее. Там есть целых два варианта: либо взять картинку с вашего компьютера, либо из вашего фотоальбома ЖЖ. Если ранее вы уже закачивали нужную вам картинку в фотоальбом, то выбираем пункт "Картинка из галереи Фотоальбома" и нажимаем появившуюся внизу-справа кнопку "Next -->". Дальше в окошке открывается содержимое вашего фотоальбома, выбираем нужную картинку и она вставляется в ваше сообщение.
Если же картинка существует только на вашем компьютере, то на вкладке "Закачать" выбираем пункт "Image from file" (почему-то его не перевели) и нажимаем кнопку "Обзор". Дальше в появившемся окне проводника выбираем нужное изображение (не забудьте выбрав изображение нажать кнопку "Открыть") и нажатием кнопки "Upload" загружаем это изображение в ваш фотоальбом ЖЖ. При этом оно сразу же, помимо фотоальбома, вставляется и в ваше сообщение.
Это всё тривиальнейшие вещи, а дальше начинается магия...
Для понимания нижеследующего текста вам понадобятся хотя бы базовые знания о языке гипертекстовой разметки - HTML. Этот язык очень простой, и понимание его основ не займёт много вашего времени, зато результат его применения будет отличным. Так же хочу напомнить, что все манипуляции с кодом сообщения следует производить в режиме HTML, а не в режиме Визуального редактора.
Изображения из фотоальбома ЖЖ по-умолчанию вставляются хитро. В ваше сообщение вставляется не сама картинка, а её уменьшенная копия, размером 320х280 точек. Причём эта уменьшенная копия является также ссылкой на оригинальную картинку, но не непосредственной, а через специальную страницу, которая в свою очередь уменьшает оригинальную картинку. И только нажав ещё раз на неё мы попадаем к полноразмерному оригиналу нашей картинки.
Вот так, например, выглядит вставленная мной картинка, и код, который ей соответствует:
<a href="http://pics.livejournal.com/alex_anv/pic/000y5d2h/"><img width="229" height="240" border="0" src="http://pics.livejournal.com/alex_anv/pic/000y5d2h/s320x240" ljaddtriggersobjectstatus="mouseout" alt="" /></a> |
Обратите внимание на выделенный красным цветом символ "/" в тэге <a ...>. Если его убрать, то ссылка будет указывать не на промежуточную страницу, а сразу на оригинальную картинку. Вот так:
Если же мы не хотим использовать уменьшенную копию картинки, а хотим сразу вставить в сообщение оригинальную картинку в полный её размер, то надо подредактировать автоматически вставленный код следующим образом:
- Внутри тэга <img ...> в адресе картинки убираем окончание "
/s320x240
" - Полностью удаляем тэг <a ...> и его закрывающий тэг </a>
- В тэге <img ...> либо удаляем параметры "width" и "height", либо изменяем их значения на удобные нам.
Получается такой код:
<img width="458" height="480" border="0" src="http://pics.livejournal.com/alex_anv/pic/000y5d2h" ljaddtriggersobjectstatus="mouseout" alt="" /> |
Обратите внимание, что несмотря на то, что это изображение на самом деле гораздо крупнее, я указал меньшие размеры в параметрах "width" и "height", чтобы принудительно уменьшить его.
Таким же образом мы можем влиять и на свойства картинок, вставленных с другого сайта в интернете. Кроме того, вместо фотоальбома ЖЖ можно использовать любой другой фотоальбом, коих в интернете бесчисленное множество. Как правило они предлагают вам для вставки в ваше сообщение некий код, который надлежит вставить в ваше сообщение, чтобы в него добавилась картинка из того фотоальбома.
Вкратце так. Если будут вопросы и поправки - пишите, обсудим.
Journal information
писателейблогеров есть темы, на которые писать легко и приятно. А есть такие, на которые писать надо, но сложно. Кто-то не может писать о политике... Кому-то усиленное слюноотделение мешает писать о еде. Кто-то заливает слезами клавиатуру, ещё только поставив тег…