Важно - стоит убедиться, что фотография (фотографии), которую вы хотите выложить на страничках форума, будет не только информативной, но и не создаст неудобств и проблем. Для того, что бы ваши фотографии не были по большей части бесполезным трафиком, прошу сначала уделить пару минут и ознакомится с этой темой:
http://www.knife.com.ua/forum/index.php?topic=18172.0
1. Вставляем фото. (Не "кликабельное".)
Помещаем курсор в нужное место сообщения.
Нажимаем
- в поле ответа появляются теги.
[img][/img]Копируем адрес изображения и помещаем между появившимися тегами. (
[img]сюда[/img] )
Все!
Пользуемся предварительным просмотром - чтобы убедиться в правильности выполнения - и отправляем на форум.
Вот и все сложности
2. Вставляем фото со ссылкой на страницу. (Например, с её описанием.)
Это требуется редко - обычно, когда речь идёт о чужом ноже и важен текст, который есть на странице по ссылке. Если же нужно просто показать нож [или что-то другое] крупно - по ссылке должна быть только крупная картинка.Помещаем курсор в нужное место сообщения.
Нажимаем
, потом
.
Между "
[url" и "
]" добавляем символ "
=".
Получается "сверхсложная" заготовка:
[url=][img][/img][/url]В которую остаётся вставить 2 ссылки (точнее - URL).
Ссылку на нужную нам страницу, (обычно ту, откуда взято фото, но может быть и другая), вставляем после "
[url=".
Cсылку на нужное нам фото - между "
[img]" и "
[/img]"
Должно получиться вот так:
[url=ссылка_на_страницу][img]ссылка_на_фото[/img][/url]И вот
наглядная инструкция (.swf) как это сделать.
3. Вставляем превью фото со ссылкой на полноразмерное фото. ("Кликабельное".)
3.1. Вставляем и полноразмерное и превью, которые видим на другом сайте.Во случаях, когда на исходной странице вставлено превью и ссылка с него ведёт на полноразмерное фото - задача тривиальна.
Нажимаем правую клавишу мышки на картинке - дальше выбираем из предложенных браузером вариантов: "копировать ссылка на изображение" - это наша ссылка на превью (ту картинку, которую мы видим непосредственно на сайте) и "копировать ссылку" - это ссылка на полноразмерное фото, которое открывается по клику на фото на той странице. (Мы ведь хотим повторить именно такую структуру?)
Вставляем полученные ссылки в вышеупомянутую заготовку:
[url=][img][/img][/url]Должно получиться:
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url].
Проблема с двумя тегами:
url и
img ?
Вот, я
ролик записал, может поможет
Для примера взял ЫО, хоть и не люблю его, на видео не видно кликов правой кнопкой мыши (ПКМ), потому для этого картинки. Первый клик был на маленькой фото, которая и будет отображаться в сообщении:
Вставляем (между
[img] и
[/img]).
Второй клик (ПКМ) на большой фото, которая будет отображаться по клику:
Вставляем (между
[url= и
]).
Обращаю внимание на то, что в этом случае мы получаем не полноразмерное тяжелое фото, "втиснутое в рамки" (масштабированное в отображаемый размер), а полноценное превью, сгенерированное на стороне сервера-хранителя картинки. В данном случае из картинки "весом" 185 KB получается превью "весом" 24 KB.
К сожалению, в ряде случаев всё не так просто - создатели многих сайтов принимают меры к тому, чтобы всё это было "в лоб" не взять.
Хотя, в подавляющем большинстве случаев мне, удаётся обойти эти ухищрения, это смогут не все. А, наверное, описание способов это сделать выходит за рамки темы.
А в некоторых случаях получить ссылку на картинку или превью невозможно.
Например: то, что мы видим как превью - не является картинкой, хранящейся где-либо, а результатом обработки другой картинки "на лету" или это не картинка а флеш или ещё что-либо...
Естественно можно поискать эту же картинку в другом месте (откуда легко взять ссылки и есть картинки нужных размеров).
Чаще всего - это самое простое решение.
А в тех случаях, когда желаемые ссылки получить невозможно/не получается - переходим к варианту 3.2 - поступаем с фото как со "своим" - размещаем на файлообменниках самостоятельно и берём ссылки оттуда.
Кстати, это же нередко касается картинок с "закрытых" ресурсов. Т.е. тех, которые требуют парольного входа.
3.2. Вставляем фото, имеющиеся [только] на компьютере.Вставить фото прямо со своего компьютера сразу в сообщение не возможно!Поэтому для начала нужно зарегистрироваться на одном из сайтов-фотофайлообменников.
Регистрируемся. Заливаем на сайт нужные фото. (Если можно/нужно - создаем альбом. До или после заливки фото...)
Обычно мы используем
превью - маленькое фото, по клику на котором открывается фото в полный размер.
Большинство таких сайтов умеют генерировать или превью нескольких размеров, или задать размер.
Иногда ссылки, которые генерируют файлообменники ведут не прямо на полноразмерное фото, а на страницу, где оно размещено или в галерею.
По ряду причин этого следует избегать.
Ссылка с превью должна указывать прямо на полноразмерное фото. Часто такая возможность есть. Достаточно правильно выбрать подходящую строку.
Но и если же он "дорог как память", то нужно ещё немного потрудиться - привести ссылки к виду:
[url=ссылка_на_полноразмерное фото][img]ссылка_на_превьюЕстественно, если нужно, пишем рядом что-то типа: "...остальные ...надцать фото можно увидеть в
галерее/альбоме.
[url=ссылка_на_галерею]название_альбома[url]А если вам удалось найти хостинг, где нет возможности получить ссылки на фото желаемого размера, нет альбомов - следует произнести мантру "ну его на!" и смело перейти на другой фотохостинг! (Обсуждение файлообменников и их выбора - в соседней теме:
Фотофайлообменники: выбор, возможности, проблемы, ...)
4. Расположение превью в строку.Размещая картинки в посте - располагайте их в строку, а не в столбик - так их удобнее рассматривать.Очень не вредно поставить по пробелу между картинками.
Допустим, фотообменник дал набор ссылок в столбик (или мы так их сначала расположили). Это выглядят так:
Текст:
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url][url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url][url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url][url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url][url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url][url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url]Расположение картинок:
Это ("аршин проглотил") - не наш метод!
Поэтому убираем после каждой картинки "перевод строки" и, вместо него ставим
один пробел.
Cтавим курсор после первой картинки (если использованы теги
[/url]
[/url] то после
[/url]) и нажимаем по очереди кнопки: [Space] и [Delete], перехотим к следующей (пока картинки не закончатся
).
Текст (код):
[url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] [url=ссылка_на_полноразмерное][img]ссылка_на_превью[/img][/url] Расположение картинок:
И не нужно волноваться, что всё в строку не поместится - любой браузер сделает перенос строки картинок.
Если Вы уверены, что все картинки поместятся в область 800x600 - можно расположить и строками. Например 2 строки по 3 превью.
5. Прочее.Не забываем пользоваться предварительным просмотром и помнить о размере вставляемого фото.
К счастью, ряд ресурсов (Google+, Blogger, ...) позволяет получать превью любого размера.
Поводу размеров фото, которое вы заливаете на фотофайлообменник: Цените время свое и время других людей, которые будут их просматривать. Считаю, что размер фото больше чем
1600 избыточен. (В нашей тематике, вообще, информативность его важна больше чем размер).
Размер превью имеет смысл выбирать в диапазоне 256...320 пикселей по горизонтали, а полноразмерное фото - согласно здравому смыслу (глядя на разрешение монитора
).
Обычно фото размером 1280...1600 по длинной стороне вполне достаточно. А то и более чем достаточно. Меньше 1024 - маловато, больше 2048 - перебор.
Если размещённые фото большие и файлообменник предоставляет возможность дать ссылки на фото промежуточного размера (а иначе - это плохой файлообменник), то есть смысл вместо полноразмерного (как загружено) - давать ссылку на фото размером ~1280 и, в описании ссылки на альбом, указать какого максимального размера фото там лежат.
PS И не нужно спешить при отправки сообщения. Не забывайте про кнопочку "
Предварительный просмотр" - всегда можно увидеть как будет выглядеть Ваше сообщение, возможно, нужно будет что-то подкорректировать в нем и т.п. Не нужно вставлять фото прямо в строку с тестом.
Если фото несколько - лучше всего расположить их в одну строку.
Никогда не располагайте фото в столбик!
В следующих постах - список файлообменников и примеры работы.
Если в списках нет "любимого" фотохостинга, но есть проблемы с его использованием - обращайтесь в личку (
Cynic).
Это же касается замеченных опечаток, неточностей, непонятностей. В том числе и возникших в связи с изменениями на самих фотохостингах.
PS. Тема изредка обновляется. 27.09.20013