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

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

Цитата сообщения 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/tatmel/post176112459/">Р§С‚Рѕ РЅСѓР¶РЅРѕ СЃРґРµР»Р°С‚СЊ,С‡С‚РѕР±С‹ С„РѕС‚Рѕ РёР»Рё РєР°СЂС‚РёРЅРєР° РѕС‚РєСЂС‹РІР°Р»Р°СЃСЊ РІ РЅРѕРІРѕРј РѕРєРЅРµ.РЈСЂРѕРє.</a><br/>Р§С‚Рѕ РЅСѓР¶РЅРѕ СЃРґРµР»Р°С‚СЊ,С‡С‚РѕР±С‹ С„РѕС‚Рѕ РёР»Рё РєР°СЂС‚РёРЅРєР° РѕС‚РєСЂС‹РІР°Р»Р°СЃСЊ РІ РЅРѕРІРѕРј РѕРєРЅРµ.РЈСЂРѕРє.

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

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

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

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

LiveInternetLiveInternet

-Цитатник

-Рубрики

-Ссылки

-Метки

-Музыка

-Всегда под рукой

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

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

-Интересы

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

-Статистика

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