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

Вторник, 28 Марта 2017 г. 18:52 + в цитатник

Цитата сообщения 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 - Развернуть картинку прямо на странице поста

Серия сообщений "уроки разные":
уроки разные
Часть 1 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 2 - Рамка с круглыми углами. Без фотошопа!
...
Часть 4 - Продолжим изучение темы плееров.
Часть 5 - Как сделать рамку в html вокруг текста
Часть 6 - Развернуть картинку прямо на странице поста
Часть 7 - ШТМЛка для начинающих пользователей.
Часть 8 - Как без Фотошопа в два счета убрать дату/время на фотографии.
...
Часть 10 - Символы ,которыми можно украсить текст или заглавие текста, а также комментарии
Часть 11 - ФОТОРЕДАКТОРЫ-бродилочка
Часть 12 - Полоски или линии которыми можно украсить свой текст