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

Четверг, 06 Апреля 2017 г. 19:49 + в цитатник

Цитата сообщения 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 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 17 - Вставить рамку в пост
Часть 18 - Скачать видео, загруженое на Лиру
Часть 19 - Развернуть картинку прямо на странице поста
Часть 20 - Вставляем музыкальный плеер в определённое место

Серия сообщений "уроки разные":
Часть 1 - Урок - Как делать кнопку с текстом
Часть 2 - Симпатичные кнопочки для перехода
...
Часть 16 - 3D Album CS. Создаем альбом.
Часть 17 - Вставляем музыкальный плеер в определённое место
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Пишем ТЕКСТ В ДВА СТОЛБЦА
Часть 20 - Как обновить Аваса !!!
...
Часть 30 - Шпаргалка по уроку "Как взять код плеера с Яндекс музыки
Часть 31 - ClipGrab — программа для скачивания видео из интернета
Часть 32 - КЛЮЧИ К ПРОГРАММАМ

Метки: уроки разные
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/5198732/post412847214/">Р Р°Р·РІРµСЂРЅСѓС‚СЊ РєР°СЂС‚РёРЅРєСѓ РїСЂСЏРјРѕ РЅР° СЃС‚СЂР°РЅРёС†Рµ РїРѕСЃС‚Р°</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/5198732/post412847214/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Рубрики

-Музыка

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

-

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

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

-Интересы

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

-Статистика

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