открыть картинку в новом окне

Пятница, 15 Июля 2011 г. 16:47 + в цитатник

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

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

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

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

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

Arnusha

Метки: уроки

<a href="https://www.liveinternet.ru/users/ip2512/post175989140/">РѕС‚РєСЂС‹С‚СЊ РєР°СЂС‚РёРЅРєСѓ РІ РЅРѕРІРѕРј РѕРєРЅРµ</a><br/>Р§С‚Рѕ РЅСѓР¶РЅРѕ СЃРґРµР»Р°С‚СЊ,С‡С‚РѕР±С‹ С„РѕС‚Рѕ РёР»Рё РєР°СЂС‚РёРЅРєР° РѕС‚РєСЂС‹РІР°Р»Р°СЃСЊ РІ РЅРѕРІРѕРј РѕРєРЅРµ.РЈСЂРѕРє.

РС‚Рѕ РЅРµСЃР»РѕР¶РЅРѕ!
1. Р—Р°РіСЂСѓР¶Р°РµРј С„РѕС‚РѕРіСЂР°С„РёСЋ РЅР° РЇРЅРґРµРєСЃ.Р¤РѕС‚РєРё,РёР»Рё РЅР° РґСЂСѓРіРѕР№ С„РѕС‚РѕС…РѕСЃС‚РёРЅРі.Р’ РґР°РЅРЅРѕРј СЃР»СѓС‡Р°Рµ РїСЂРёРјРµСЂ СЃ РЇРЅРґРµРєСЃ.Р¤РѕС‚РєР°РјРё.Р С€Р°Р±Р»РѕРЅ РєРѕРґР° Р°РєС‚СѓР°Р»РµРЅ РІРµР·РґРµ.
2. РџРµСЂРµС…РѕРґРёРј РЅР° СЃС‚СЂР°РЅРёС†Сѓ С„РѕС‚РѕРіСЂР°С„РёРё, СЃРїСЂР°РІР° РѕС‚ С„РѕС‚Рѕ РІ РјРµРЅСЋ "Р’ РґСЂСѓРіРѕРј СЂР°Р·РјРµСЂРµ" РІС‹Р±РёСЂР°РµРј СЂР°Р·РјРµСЂ РїСЂРµРІСЊСЋ. Р’Р°Р¶РЅРѕ: СЂР°Р·РјРµСЂ РїСЂРµРІСЊСЋ РїРѕ РіРѕСЂРёР·РѕРЅС‚Р°Р»Рё РґРѕР»Р¶РµРЅ Р±С‹С‚СЊ РјРµРЅРµРµ 600px (РёРЅР°С‡Рµ РєР°СЂС‚РёРЅРєР° РїРѕР»РЅРѕСЃС‚СЊСЋ РЅРµ СѓРјРµСЃС‚РёС‚СЃСЏ РЅР° СЃС‚СЂР°РЅРёС‡РєРµ).
3. РџРѕСЃР»Рµ Р·Р°РіСЂСѓР·РєРё С„РѕС‚Рѕ РІ РІС‹Р±СЂР°РЅРЅРѕРј СЂР°Р·РјРµСЂРµ РєР»РёРєР°РµРј РїРѕ СЃС‚СЂРѕРєРµ "РљРѕРґ РґР»СЏ РІСЃС‚Р°РІРєРё РЅР° СЃР°Р№С‚ РёР»Рё РІ Р±Р»РѕРі" Рё РєРѕРїРёСЂСѓРµРј РєСѓРґР°-РЅРёР±СѓРґСЊ СЃСЃС‹Р»РєСѓ РёР· РЅРёР¶РЅРµРіРѕ РѕРєРѕС€РєР°. РС‚Рѕ Р±Сѓ... <a href="https://www.liveinternet.ru/users/ip2512/post175989140/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

	любовь_левина написал 10.12.2011 17:42:34: Здравствуйте!!! Побывала в гостях на страницах Вашего дневника. Все очень понравилось. Спасибо!!!!
	ip2512 написал 19.06.2011 18:41:22: Мысли,как волосы:у кого грязные,у кого редкие,у кого совсем нет!
	ip2512 написал 19.11.2010 17:46:04:
	ip2512 написал 01.10.2010 19:58:54: Сильнейший тот,кто улыбается
	ip2512 написал 21.09.2010 18:57:08: Если упаду-не смейтесь,а загадывайте желание -упала ЗВЕЗДА!

LiveInternetLiveInternet

-Ссылки

-Цитатник

-Метки

-Музыка

-Новости

-Видео

-Стена

-Я - фотограф

присяга

-

-Приложения

-Помощь новичкам

-Фотоальбом

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

открыть картинку в новом окне