Вставка произвольно расположенных картинок в блог или комментарий

Периодически возникает вопрос о том как вставить картинки в блог, но не в верхнюю часть, куда они вставляются автоматически, а в сам текст блога.

Все просто:smile:. Подцепляем картинку как файл
И вставляем в нужное место кнопкой "Вставить/Редактировать изображение", в адрес вводим путь который мы видим у присоединённого файла (становится виден после сохранения материала). Обычно он такой:
http://www.4turista.ru/files/file1.jpg

Если хотим чтобы сайт сам уменьшил изображение, то необходимо немного изменить адрес:
http://www.4turista.ru/files/imagecache/preview/file1.jpg - ширина картинки будет 100
http://www.4turista.ru/files/imagecache/prev500/file1.jpg - ширина картинки будет 500
http://www.4turista.ru/files/imagecache/prev800/file1.jpg - ширина картинки будет 800

Можно сделать, чтобы картинки открывались в анимированном окне, как в верхней галерее.
Покажу на паре примеров
<a href="/files/imagecache/prev800/files/sp_0461.JPG" rel="prettyPhoto[gallery2]" ><img src="/files/imagecache/preview/files/sp_0461.JPG" alt="Фото 1"></a>
<a href="/files/imagecache/prev800/files/sp_0452.JPG" rel="prettyPhoto[gallery2]"><img src="/files/imagecache/preview/files/sp_0452.JPG" alt="Фото 2"></a>


Этот код даст такие картинки (надо нажать):

Фото 1

Фото 2
Обратите внимание, что параметр rel="prettyPhoto[gallery2]" говорит, что это один набор картинок, и их можно листать вперед/назад. А текст параметра alt="Фото 1" выводится на картинкой

Submitted byLeSoldon ср, 10/01/2008 - 19:17

Все просто подцепляем картинку как файл

Имеется в виду подцепление файла картинки к материалу?
Это ссылка "Выбор файлов для загрузки" в разделе "Прикрепленные файлы" в режиме правки (создания) блога или любого другого материала (работает даже с комментариями).
После подцепления файла, его адрес можно поискать в HTML-коде странички или еще проще:
=> еще раз зайти в правку материала - в перечне прикрепленных файлов будут указаны их адреса.