Все картинки кликабельны.
Чтоб посмотреть в большем размере, жмите на картинку.
Урок: «Как сделать картинки кликабельными».
Итак, начнем:
1. Чтобы картинка стала кликабельна, нужно воспользоваться следующим кодом:
Обратите внимание, что он состоит из двух частей:
1-й - и 2-й -
Где в 1-й части нужно вписать АДРЕС страницы с нужным изображением,
а во 2-й - ССЫЛКУ на фотографию (внутри кавычек ( " " ) без пробелов).
2. Копируем этот код целиком и вставляем его в ваш пост, комментарий
или приветствие (обязательно в HTML-режиме).
3. Далее, выбираем в альбоме понравившуюся картинку
(для примера я выбрала вот эту):
 [426x600]
Посмотреть на Яндекс.Фотках
В данном случае ее размер - 426x600рх (оригинал).
4. Работаем с АДРЕСОМ страницы с картинкой:
Первый вариант.
Копируем АДРЕС страницы с этой картинкой
(он находится в самом верху, посредине на выделенной, недвижимой панели страницы),
а именно (для этой картинки):
и вставляем его (внутри кавычек ( " " ) без пробелов) в 1-ю часть базового кода,
который вы уже ранее скопировали в свой пост.
У вас получится следующее:
Второй вариант.
Нажимаем на строке "в другом размере" (она находится справа от изображения),
у вас возникнет окошко. В нем кликаем на слове "оригинал".
После этого выбранная картинка откроется в новом окне.
Далее, как и в первом варианте:
копируем АДРЕС страницы с этой картинкой
(он находится в самом верху, посредине на выделенной, недвижимой панели страницы),
а именно (для этой картинки):
и вставляем его (внутри кавычек ( " " ) без пробелов) в 1-ю часть базового кода,
который вы уже ранее скопировали в свой пост.
У вас получится следующее:
5. Работаем с ССЫЛКОЙ на фотографию:
а).
Выбираем нужный вам размер картинки (для этого нажмите на строке
"в другом размере", справа от изображения). У вас возникнет окошко. В нем кликаем на
минимальном размере (первая строчка) - в данном случае я выбрала самый маленький
размер: 71х100 рх.
б).
Далее, нажимаем на строке "код для вставки на сайт или в блог"
(она тоже справа от изображения).
в).
Копируем самый последний код, который находится в окошке, после слов
"ССЫЛКА на фотографию", а именно (для открытки, которую вы здесь видите):
[показать]
и вставляем его (внутри кавычек ( " " ) без пробелов) во 2-ю часть базового кода,
который вы уже ранее скопировали в свой пост.
У вас получится следующее:
6. Готовый код для кликабельной картинки будет выглядеть так
для первого варианта из пункта 4:
и так для второго варианта из пункта 4:
7. В результате, сделав все правильно, работая с данными кодами,
после сохранения поста, вы увидите следующую минимизированную
кликабельную картинку, нажав на которую вы перейдете на страницу с
изображением открытки в ее оригинальном формате:
Кликните на картинке!
Первый вариант: [показать] Второй вариант: [показать]
| |
