Дом советов
Работа, учеба для Вас сегодня 21.10.2017,
Добрых советов и рецептов Вам, Гость | RSS
Главная СоветыРегистрацияВходРецепты
Меню сайта
Категории раздела
Дом и семья [94]
Hi-Tech [9]
Товары [16]
Советы автолюбителям [29]
Советы для девушек [124]
Работа, учеба [31]
Бизнес и финансы [39]
Разные советы [97]
Этим интересуются!

Наш опрос
Понравилась статья?
Всего ответов: 856
Статистика

Онлайн в Доме советов: 33
Гостей: 31
Жителей: 2
aapedfup, Jameschole
Главная » Статьи » Короткие советы » Работа, учеба » Как сделать картинки и фото кликабельными

Как сделать картинки и фото кликабельными

Если Ваша фотография или картинка размером 180Х135 отличается обилием мелких деталей, то вполне реально сделать её кликабельной, то есть сделать так, чтобы щелкнув по ней левой кнопкой мыши читатель увидел изображение большего размера.

Для начала запасёмся двумя картинками – одной маленькой (180Х135), а другой более детальной. Скинем их обе на сайт обычным способом, условимся, что маленькая у нас будет $IMАGE1$, а большая $IMАGE2$. По окончании набора текста вставим $IMАGE1-left$ на своё законное место. Добавим материал на сайт.

Редактируем статью – жмём на карандаш и извлекаем адрес большой картинки из значка [i] рядом с $IMАGE2$, копируя его в буфер памяти правой кнопкой.

Затем выделяем $IMАGE1-left$ в тексте, жмем кнопку http:// и в появившемся окне вставляем адрес большой картинки из буфера памяти.

Вот и всё.

На всякий случай можете удостовериться, что запись имеет следующий вид: [uгl=http://cyclop.ucoz.гu/_pu/8/s82052.jpg]$IMАGЕ1-left$[/uгl], где вместо httр://cyclop.ucoz.гu/_pu/8/s82052.jpg будет адрес вашей картинки. Желательно скопировать сей креатив в резервный ВОРДовский файл.

Вобщем-то, вместо адреса Вашей картинки может быть адрес любой картинки с любого сайта, но вы рискуете остаться без картинки, если тот сайт, на который вы ссылаетесь, прикроют. Поэтому я предпочитаю, чтоб всё было в одном месте и не зависело от внешних условий.


Смотрите ЕЩЕ материалы по теме:
Категория: Работа, учеба | Добавил: Supertrooper (27.02.2009) | Автор: Роман Аветисян E W
Просмотров: 16983 | Комментарии: 17 | Теги: фото, компьютер, программы | Рейтинг: 5.0/3
Всего комментариев: 17
17 Upravdom   (03.04.2011 17:34)
Если действительно помогло и выглядит неплохо - это хорошо., можно все детали рассмотреть при кликабельности вашей картинки с изображением сертификата

16 Радж   (03.04.2011 17:23)
Помогла статья! Спасибо! Вот что получилось http://noutb.ucoz.ru/index/sertifikaty/0-11

15 Ping8iN   (24.01.2010 13:16)
Спс )

14 Jazz   (11.04.2009 18:11)
спасибо, камрад!

13 kirichnikov   (26.03.2009 20:32)
Спасибо за дельный совет! Обязательно воспользуюсь. thumb

12 Supertrooper   (17.03.2009 15:19)
Как сделать картинки и фото кликабельными

Рад, что техника кликабельности оттачивается и мы с коллегами ею вовсю пользуемся. Ура! happy


11 l@dinka   (17.03.2009 13:32)
Рома, я по твоему упрощенному пояснению вставила в текст две разные картинки, можете посмотреть как это выглядит в моей статье.

10 Upravdom   (17.03.2009 13:26)
Этот вариант(см. комментарий ниже) получения кликабельных иллюстраций к советам очень хорош, тем более, что вотемарк выглядит одинаково хорошо,как на большой, так и на маленькой картинке.
Может быть, Роман, Вам скопировать ваш же коммент и вставить в статью...

9 Supertrooper   (17.03.2009 12:35)
Как сделать картинки и фото кликабельными

Не вопрос. Вставлено...


8 jhoodi   (16.03.2009 21:34)
Еще один вариант получения кликабельных картинок в советах описан в материале Маленький совет про фотографии в статьях

7 Supertrooper   (10.03.2009 00:34)
Как сделать картинки и фото кликабельными

Эксперименты с кликабельностью проводились также тут.


6 Supertrooper   (02.03.2009 19:15)
PS Изначально теги кликабельной картинки выглядели так:

[uгl=http://cyclop.ucoz.гu/_pu/8/s82052.jpg][img]httр://cyclop.ucoz.ru/_pu/8/29997.jpg[/img][/uгl]

но вариант доработанный
[uгl=http://cyclop.ucoz.гu/_pu/8/s82052.jpg]$IMАGЕ1-left$[/uгl]
позволяет правильно позиционировать картинку в тексте.


5 Kardinal   (28.02.2009 14:41)
Видан, эт не мне , а нашему Роме спасибо! Я щас саавсем пассивен по причине крайней занятости, Может позже сделаю подробный итоговый мастеркласс со всеми заморочками, какими сам пользуюс, у меня многое оч. просто. А Роме и впрямь благодарность - материал нужный очень!!! happy

4 Amely   (28.02.2009 14:15)
Саш, наконец-то обещанная статья! В золотой фонд ее! Спасибо, что подробно все расписал! Теперь еще напиши как ссылки вставлять! biggrin

3 Upravdom   (27.02.2009 21:57)
Статьи будут связаны между собой определенными тегами по ключевым словам материала чуть позже, и это не относится к фотографиям в материалах.
Про сундучок-рундучок лично-авторский в чате прозвучало -беру на заметку.
Действительно ,если жмем на [i] - получаем адрес рисунка,ессно, чтоб его получить, надо его(рисунок) сначала закачать.
Размеры рисунка можно установить в соответствующих полях на странице добавления материала при первой загрузке фотки или изображения.

2 Supertrooper   (27.02.2009 20:42)
Как сделать картинки и фото кликабельными

Поправки от il722: Я заливаю любую картинку в уже опубликованные статьи(эдакий микро склад), а уже оттуда ссылю: [i], там адрес нужный. И потом, в тело статьи(не в краткое описание) - любой размер, а в полях указываю нужные размеры, чуть опыта - и на глаз определяюца, но можно на первых порах чисто зрительно тем же Снагитом просмотрев.


1 l@dinka   (27.02.2009 20:42)
Здорово! Две картинки в одной. v

Сейчас смотрят эти видео рецепты

Смотрите также статьи по темам » »


полезные советы и рецепты для всех Что делать, чтобы деньги никогда не кончались?


полезные советы и рецепты для всех Сфера предназначения и особенности применения брусующего станка

Поделитесь своим впечатлением о статье "Как сделать картинки и фото кликабельными"


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск

Cейчас покупают
Хостинг от uWeb

© 2008-2017 "Дом советов" - кулинарные рецепты и полезные советы для всех
Рейтинг@Mail.ru