0

Есть HTML документ, в нем присутствует <img src="....">. Как используя JavaScript, сделать это изображение ссылкой? чтобы при клике на изображение открывался другой сайт в новом окне.

1
  • сделать ссылкой и открывать при клике несколько разные вещи, хотя и приводят к одному результату. Сделать ссылкой - обернуть в <a>, открывать по клику - повесить событие onclick
    – teran
    20 фев 2018 в 14:19

3 ответа 3

2

Можно на чистом HTML

<a href="someUrl" target="_blank"><img src="someUrl2"></a>
4
  • Димитрий, я бы сказал, что НУЖНО, а не можно))))
    – Air
    20 фев 2018 в 14:26
  • @Air да... но бывает так что потом обвиняют что ответ не соответсвует вопросу, и возможно автору почему-то нужен именно JavaScript решение. Но я считаю что здравый смысл всё же приоритетнее. 20 фев 2018 в 14:28
  • Я щас, так с ходу и не соображу, в каком варианте придется реализовать это на js
    – Air
    20 фев 2018 в 14:30
  • 1
    @Air так думаю и не надо голову ломать над этим... это дело того кто вопрос задаёт. Но я со своей стороны тоже не понимаю... 20 фев 2018 в 14:32
2

А js тут не нужен

a {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
}

img {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
}
<a href="https://yandex.ru" target="_blank"><img src="https://is4-ssl.mzstatic.com/image/thumb/Purple71/v4/07/cb/fc/07cbfcc0-ac70-8fb3-0ae8-6ba4648d58f2/pr_source.png/100x100bb-85.jpg"></a>


Вариант на js. Я тут подумал, ну может человеку надо именно js.

document.querySelector('img').addEventListener('click', function() {
  window.open('https://ya.ru', '_blank');
})
img {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
}
<img src="https://is4-ssl.mzstatic.com/image/thumb/Purple71/v4/07/cb/fc/07cbfcc0-ac70-8fb3-0ae8-6ba4648d58f2/pr_source.png/100x100bb-85.jpg">

2

Попробуйте такой вариант

<img src="...." onclick="window.location='/page-name'"> 
3

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.