Как сделать картинку, раскрывающуюся по клику на полный размер.Под понятием превью (от англ. preview — предварительный просмотр, также thumbnail — англ.ноготок) чаще всего понимается уменьшенная копия изображения с прикреплённой к ней ссылкой, ведущей на страницу с изображением оригинального размера.
Для этого используем следующий код:
вторая ссылка – адрес изображения оригинала или фото большого размера
первая ссылка – превью, Размер не больше 500 пикс. по большой стороне
Адрес берём, кликая правой кнопкой мыши по изображению уже загруженному на фотохостинг.
Для сообщений на форуме:
[url=
ссылка на большое фото или оригинал][img]
ссылка_на_фото_уменьшенного_размера[/img][/url]
Теперь при клике по маленькой картинке в вашем посте в этом же окне будет загружаться большая картинка, которую можно скачать.
Возврат обратно - клавиша "Esc".
Например:

Для статей на сайте: в HTML-режиме пишем следующий код:
<a href="вторая ссылка"><img src="первая ссылка"></a>
Чтобы большая картинка загружалась в новом окне, код должен быть таким:
<a href="вторая ссылка" target="_blank"><img src="первая ссылка"></a>