Как сделать картинку кликабельной

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

Предположим, вы загружаете такую картинку



Получаете такой код

<img src="http://artlab.club/uploads/images/00/00/09/2015/09/10/0u3f2b3e00-37ea75dc-515b4e4a.jpg"  alt="" />


Для того чтобы картинка стала кликабельной, точно также как и с обычной ссылкой, выделяете этот код, нажимаете на кнопку «вставить ссылку»



В открывшееся окошко вставляете код ссылки, например

https://ru.wikipedia.org/wiki/%D0%93%D0%B8%D0%BF%D0%B5%D1%80%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0


и получаете что-то типа такого

<a href="https://ru.wikipedia.org/wiki/%D0%93%D0%B8%D0%BF%D0%B5%D1%80%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0"><img src="http://artlab.club/uploads/images/00/00/09/2015/09/10/0u3f2b3e00-37ea75dc-515b4e4a.jpg"  alt="" /></a>


Таким образом, картинка стала кликабельной

6 комментариев

ioshki
  • ioshki
<a href="https://ru.wikipedia.org/wiki/%D0%93%D0%B8%D0%BF%D0%B5%D1%80%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0" target="_blank"><img src="http://artlab.club/uploads/images/00/00/09/2015/09/10/0u3f2b3e00-37ea75dc-515b4e4a.jpg"  alt="" /></a>




А так — чтобы ссыль открывалась в новом окне. Я вообще сделала бы это по умолчанию ;)
Топот Котов
Хмм… Ну это не сложно, можно сделать. Правда код более громоздким становится, вдруг будет пугать) Надо подумать.
Топот Котов
В общем пока решили не менять. Дело даже не в громоздкости а в том, что сейчас все ссылки сохранены без target="_blank", а если сейчас поменять то у пользователя будет все время разный результат. В одном случае откроется вкладка, а в другом сразу будет переход по ссылке. Это будет создавать ощущение что что-то глючит. Если и менять то системно, на уровне обработки всех ссылок сайта, а это уже сложнее. На заметку оставил если будем с этой частью что-то делать.
Вита (vitasunny)
Ой, СПАСИБО ОГРОМНОЕ! Обязательно буду теперь пользоваться! А то я, честно сказать, да же как простую ссылку вставить не знала — позор на мои седины :)
Топот Котов
Если что спрашивайте wink
Женя Павлова
Ооооо! Спасибо большущее! Это-то мне и надо!))
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.