Развернуть(увеличить) картинку прямо на странице поста.

Воскресенье, 14 Января 2018 г. 17:29 + в цитатник

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

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

Развернуть картинку прямо на странице поста

Чтобы уменьшенная картинка (превью) развернулась прямо на странице поста, можно загрузить картинки на Лиру и указать нужное действие. А можно использовать сторонние ссылки на картинки и воспользоваться этой функцией. Для этого нужно в код ссылки прописать
rel="li-bigpic"

<a href="АДРЕС КАРТИНКИ" rel="li-bigpic" target="_blank"><img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"/></a>

и установить размер уменьшенной картинки.

К примеру, у меня есть адрес-ссылка на картинку с Яндекса https://img-fotki.yandex.ru/get/198026/35554120.0/0_b8806_b04fff04_L.jpg
Подставляю её в предлагаемый код и получаю такую превьюшку, при клике по которой можно увидеть её реальный размер прямо здесь.
Жмите на картинку

bloginja

Читайте так же:
Всё про картинки. Часть 1. Закругляем углы.
Всё про картинки. Часть 2
Всё про картинки. Часть 3.
Всё про картинки. Часть 4. Картинки в ряд и столбик.

Серия сообщений "Памятка для Лиру":

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 14 - Вставляем музыкальный плеер (и не только) в определённое место
Часть 15 - Плееры для Лиру
Часть 16 - Развернуть картинку прямо на странице поста
Часть 17 - Вставить чужую рамку себе в пост

Серия сообщений "Уроки":

Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 16 - Плееры для Лиру
Часть 17 - Урок по созданию музыкальной открытки
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост

Серия сообщений "Изображения":

Часть 1 - Всё про картинки. Часть 1. Закругляем углы.
Часть 2 - Всё про картинки. Часть 2
...
Часть 5 - Фон для поста
Часть 6 - Вставляем музыкальный плеер (и не только) в определённое место
Часть 7 - Развернуть картинку прямо на странице поста

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

<a href="https://www.liveinternet.ru/users/tapioka/post428392835/">Р Р°Р·РІРµСЂРЅСѓС‚СЊ(СѓРІРµР»РёС‡РёС‚СЊ) РєР°СЂС‚РёРЅРєСѓ РїСЂСЏРјРѕ РЅР° СЃС‚СЂР°РЅРёС†Рµ РїРѕСЃС‚Р°.</a><br/>Р Р°Р·РІРµСЂРЅСѓС‚СЊ РєР°СЂС‚РёРЅРєСѓ РїСЂСЏРјРѕ РЅР° СЃС‚СЂР°РЅРёС†Рµ РїРѕСЃС‚Р°

Р§С‚РѕР±С‹ СѓРјРµРЅСЊС€РµРЅРЅР°СЏ РєР°СЂС‚РёРЅРєР° (РїСЂРµРІСЊСЋ) СЂР°Р·РІРµСЂРЅСѓР»Р°СЃСЊ РїСЂСЏРјРѕ РЅР° СЃС‚СЂР°РЅРёС†Рµ РїРѕСЃС‚Р°, РјРѕР¶РЅРѕ Р·Р°РіСЂСѓР·РёС‚СЊ РєР°СЂС‚РёРЅРєРё РЅР° Р›РёСЂСѓ Рё СѓРєР°Р·Р°С‚СЊ РЅСѓР¶РЅРѕРµ РґРµР№СЃС‚РІРёРµ. Рђ РјРѕР¶РЅРѕ РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ СЃС‚РѕСЂРѕРЅРЅРёРµ СЃСЃС‹Р»РєРё РЅР° РєР°СЂС‚РёРЅРєРё Рё РІРѕСЃРїРѕР»СЊР·РѕРІР°С‚СЊСЃСЏ СЌС‚РѕР№ С„СѓРЅРєС†РёРµР№. Р”Р»СЏ СЌС‚РѕРіРѕ РЅСѓР¶РЅРѕ РІ РєРѕРґ СЃСЃС‹Р»РєРё РїСЂРѕРїРёСЃР°С‚СЊ rel="li-bigpic" 
&lt;a href=&quot;РђР”Р Р•РЎ РљРђР РўРРќРљР&quot; rel=&quot;li-bigpic&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;РђР”Р Р•РЎ РљРђР РўРРќРљР&quot; width=&quot;РЁРР РРќРђ РљРђР РўРРќРљР&quot; height=&quot;Р’Р«РЎРћРўРђ РљРђР РўРРќРљР&quot;/&gt;&lt;/a&gt;
Рё СѓСЃС‚Р°РЅРѕРІРёС‚СЊ СЂР°Р·РјРµСЂ СѓРјРµРЅСЊС€РµРЅРЅРѕР№ РєР°СЂС‚РёРЅРєРё.

Рљ РїСЂРёРј... <a href="https://www.liveinternet.ru/users/tapioka/post428392835/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Ссылки

-Видео

-Музыка

-Я - фотограф

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

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

-Фотоальбом

-Приложения

-Резюме

Савченко Татьяна

-Новости

-Друзья

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

-Сообщества

-Трансляции

-Статистика

Развернуть(увеличить) картинку прямо на странице поста.