Что нужно сделать,чтобы фото или картинка открывалась в новом окне.Урок

Суббота, 16 Июля 2011 г. 14:26 + в цитатник

Цитата сообщения Arnusha

Прочитать целиком В свой цитатник или сообщество!

Что нужно сделать,чтобы фото или картинка открывалась в новом окне.Урок.

Это несложно!
1. Загружаем фотографию на Яндекс.Фотки,или на другой фотохостинг.В данном случае пример с Яндекс.Фотками.И шаблон кода актуален везде.
2. Переходим на страницу фотографии, справа от фото в меню "В другом размере" выбираем размер превью. Важно: размер превью по горизонтали должен быть менее 600px (иначе картинка полностью не уместится на страничке).
3. После загрузки фото в выбранном размере кликаем по строке "Код для вставки на сайт или в блог" и копируем куда-нибудь ссылку из нижнего окошка. Это будет первая ссылка.
4. Вновь переходим на страницу фотографии, в меню "В другом размере" выбираем "Оригинал". Фото в полном размере откроется в новом окне, ссылку на эту картинку копируем из адресной строки браузера. Это вторая ссылка.
5. На своей странице или в клубе создаём новый пост и в HTML-режиме пишем следующий код:
<a href="вторая ссылка"><img src="первая ссылка"></a>
Теперь при клике по маленькой картинке в вашем посте в этом же окне будет загружаться большая картинка.

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