Alex & Kaa (alex_anv) wrote,
Alex & Kaa
alex_anv

Бытовое шаманство.

В последнее время меня всё чаще спрашивают, как я так хитро вставляю картинки в сообщения. Чтоб не писать одно и то же много раз, я напишу подробную инструкцию здесь.

При создании нового сообщения вы можете добавить в него, помимо прочего, одну или несколько картинок. В визуальном редакторе это делается с помощью кнопки "Вставить/редактировать изображение", а в режиме 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 ...>. Если его убрать, то ссылка будет указывать не на промежуточную страницу, а сразу на оригинальную картинку. Вот так:


Если же мы не хотим использовать уменьшенную копию картинки, а хотим сразу вставить в сообщение оригинальную картинку в полный её размер, то надо подредактировать автоматически вставленный код следующим образом:
  1. Внутри тэга <img ...> в адресе картинки убираем окончание "/s320x240"
  2. Полностью удаляем тэг <a ...> и его закрывающий тэг </a>
  3. В тэге <img ...> либо удаляем параметры "width" и "height", либо изменяем их значения на удобные нам.


Получается такой код:
<img width="458" height="480" border="0" src="http://pics.livejournal.com/alex_anv/pic/000y5d2h" ljaddtriggersobjectstatus="mouseout" alt="" />


Обратите внимание, что несмотря на то, что это изображение на самом деле гораздо крупнее, я указал меньшие размеры в параметрах "width" и "height", чтобы принудительно уменьшить его.

Таким же образом мы можем влиять и на свойства картинок, вставленных с другого сайта в интернете. Кроме того, вместо фотоальбома ЖЖ можно использовать любой другой фотоальбом, коих в интернете бесчисленное множество. Как правило они предлагают вам для вставки в ваше сообщение некий код, который надлежит вставить в ваше сообщение, чтобы в него добавилась картинка из того фотоальбома.

Вкратце так. Если будут вопросы и поправки - пишите, обсудим.



Tags: инструкция
Subscribe

  • Череп из Коннемары

    Очередные гастроли Пермского театра « У Мóста» – и радостное предвкушение очередной встречи с интересным, стильным, вкусным.…

  • Герб города Эн

    Я уже неоднократно писала про Камерный театр Малыщицкого. Это такое странное место, где тебе или нравится, или не нравится. Раз и навсегда. Мне…

  • «Морозко» от Ильи Авербуха

    Новогодние (и просто праздничные) ледовые шоу от людей, понимающих в вопросе, стали уже прекрасной традицией в нашем городе. И на фоне поголовного…

promo alex_anv february 26, 2018 14:33 49
Buy for 200 tokens
У всех писателей блогеров есть темы, на которые писать легко и приятно. А есть такие, на которые писать надо, но сложно. Кто-то не может писать о политике... Кому-то усиленное слюноотделение мешает писать о еде. Кто-то заливает слезами клавиатуру, ещё только поставив тег…
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 16 comments

  • Череп из Коннемары

    Очередные гастроли Пермского театра « У Мóста» – и радостное предвкушение очередной встречи с интересным, стильным, вкусным.…

  • Герб города Эн

    Я уже неоднократно писала про Камерный театр Малыщицкого. Это такое странное место, где тебе или нравится, или не нравится. Раз и навсегда. Мне…

  • «Морозко» от Ильи Авербуха

    Новогодние (и просто праздничные) ледовые шоу от людей, понимающих в вопросе, стали уже прекрасной традицией в нашем городе. И на фоне поголовного…