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 you have read our privacy policy.

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