, картинки, кликабельная картинка, подсказки
Как сделать картинку, раскрывающуюся по клику на полный размер
Это несложно!
1. Загружаем фотографию на Яндекс.Фотки.
2. Переходим на страницу фотографии, справа от фото в меню "В другом размере" выбираем размер превью. Важно: размер превью по горизонтали должен быть менее 600px (иначе картинка полностью не уместится на страничке).
3. После загрузки фото в выбранном размере кликаем по строке "Код для вставки на сайт или в блог" и копируем куда-нибудь ссылку из нижнего окошка. Это будет первая ссылка.
4. Вновь переходим на страницу фотографии, в меню "В другом размере" выбираем "Оригинал". Фото в полном размере откроется в новом окне, ссылку на эту картинку копируем из адресной строки браузера. Это вторая ссылка.
5. На своей странице или в клубе создаём новый пост и в HTML-режиме пишем следующий код:
<a href="вторая ссылка"><img src="первая ссылка"></a>
Теперь при клике по маленткой картинке в вашем посте в этом же окне будет загружаться большая картинка.
Чтобы большая картинка загружалась в новом окне, код должен быть таким:
<a href="вторая ссылка" target="_blank"><img src="первая ссылка"></a>
Присоединяйтесь — мы покажем вам много интересного
Присоединяйтесь к ОК, чтобы подписаться на группу и комментировать публикации.
Нет комментариев