Как сделать картинку кликабельной? (не html -код)
Вечер добрый всем. Подскажите, как можно вставить ссылку в картинку? Собственно условия: 1) картинка 1 на моем хостинге 2) имеется страничка на сайте движек которого позволяет стороннему пользователю пользовать только bb-тег (картинки с внешних источников — можно) Надо чтобы показываемое на страничке вышеназванного сайта изображение(изображение подгружается с моего хостинга) было кликабельным. ПОвторюсь. Как это осуществить? В какой хитрый формат пережать с добавлением ссылки или еще чего с изображением или с хостингом сотворить?
- eTarget 2011:Панельная дискуссия «Стратегия и планирование рекламной кампании в интернете»
- eTarget 2011: Круглый стол «Реклама в онлайн-видео»
- Могут ли «плохие» входящие ссылки привести к ухудшению ранжирования?
На сайте с 08.09.2008
19 декабря 2009, 18:45
клянусь, хотел помочь
но как не пытался не смог понять суть вопроса
На сайте с 13.01.2009
19 декабря 2009, 19:07
На сайте с 16.05.2009
19 декабря 2009, 19:25
sirota77:
клянусь, хотел помочь
но как не пытался не смог понять суть вопроса
Попробую разъяснить на отвлеченном от жизни, но все-таки конкретном примере.
У меня на компе в папке есть html-файл — 1.html
Со следующим кодом.
Я могу добавить внутрь тега body только тег вида , при попытке добавить другие теги, js, или еще чего либо, на меня обрушиваются камни, меня бьет током и вообще. ����
Собственно опять тот же вопрос.
Что надо сделать с изображением находящимся по ссылке «URL333», чтобы при использовании в нашем файле 1 только тега вида оно было кликабельным.
Т.е. пользователь при просмотре файла 1.html мог кликнуть по изображению и при этом его при переадресовывало бы на какой либо нужный нам урл.
Igori4 добавил 19.12.2009 в 22:37
Troytft:
Если имелось ввиду
то это не подходит. тег
Как сделать кликабельную картинку
Под кликабельной картинкой в HTML можно подразумевать:
1. Картинку-ссылку.
2. Картинку-кнопку (например, в форме регистрации).
Чаще всего имеется в виду картинка-ссылка, поэтому в этой статье о ней. Если же Вам нужна именно кнопка, то смотрите «Как вставить картинку в кнопку».
Для того, чтобы в HTML сделать кликабельное изображение нужно тег поместить внутрь тега . Пример кода:
Как открыть ссылку в новой вкладке смотрите здесь — «Тег в новой вкладке».
После приведенного кода картинка станет ссылкой, при наведении на нее мыши, курсор будет видоизменяться, а при клике будет происходить переход по ссылке.
Единственный момент, в настоящее время лучше немного по другому добавлять картинки на сайт. Смотрите «Как правильно добавлять картинки на сайт».
Добавить комментарий Отменить ответ
Этот сайт, как и все сайты, использует cookie. Продолжая использовать этот сайт, Вы даете свое согласие на обработку cookie.OK
Manage consent
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
| Cookie | Duration | Description |
|---|---|---|
| cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category «Analytics». |
| cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category «Functional». |
| cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category «Necessary». |
| cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category «Other. |
| cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category «Performance». |
| viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Как сделать кликабельную картинку html
Также можно добавить атрибут target=»_blank» , чтобы ссылка открывалась в новой вкладке браузера:
href="http://example.com" target="_blank"> src="image.jpg" alt="Картинка" /> Изображение в качестве ссылки
Кроме текста, в качестве ссылок можно использовать и рисунки. Изображение в этом случае надо поместить между тегами и , как показано в примере 1.
Пример 1. Создание рисунка-ссылки
Ссылка Вокруг изображения-ссылки автоматически добавляется рамка толщиной один пиксел и цветом, совпадающим с цветом текстовых ссылок.
Чтобы убрать рамку, следует у тега установить атрибут border=»0″ (пример 2).
Пример 2. Удаление рамки вокруг изображения
Ссылка Можно также воспользоваться CSS, чтобы убрать рамку для всех изображений, которые являются ссылками. Для этого применяется стилевое свойство border cо значением none (пример 3).
Пример 3. Использование CSS
Ссылка A IMG Конструкция A IMG определяет контекст применения стилей — только для тега , который находится внутри контейнера . Поэтому изображения в дальнейшем можно использовать как обычно.