РАЗВЕРНУТЬ КАРТИНКУ ПРЯМО НА СТРАНИЦЕ ПОСТА.

Суббота, 20 Октября 2018 г. 22:34 + в цитатник

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

Серия сообщений "картинки,открытки":
Часть 1 - ДЛЯ НОВИЧКОВ. "КАК СДЕЛАТЬ КАРТИНКУ НУЖНОГО РАЗМЕРА"
Часть 2 - ВИДЕО-УРОК: СВОЙСТВА ИЗОБРАЖЕНИЯ НА ЛИРУ
...
Часть 29 - ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ
Часть 30 - КАК НАПИСАТЬ ТЕКСТ НА КАРТИНКЕ
Часть 31 - РАЗВЕРНУТЬ КАРТИНКУ ПРЯМО НА СТРАНИЦЕ ПОСТА.
Часть 32 - КАК ВСТАВИТЬ ФОТО ИЛИ КАРТИНКУ В РАМКУ.
Часть 33 - КАК БЫСТРО ВСТАВИТЬ В ПОСТ НА ЛИРУ КАРТИНКУ ИЗ ИНТЕРНЕТА
Часть 34 - УЧИМСЯ ВСТАВЛЯТЬ КАРТИНКИ С КОДАМИ В ТАБЛИЦУ.
Часть 35 - УРОК ДЛЯ ЧАЙНИКОВ: КАК ВЫЛОЖИТЬ КАРТИНКИ С КОДОМ
Часть 36 - УРОК№2