Есть HTML документ, в нем присутствует <img src="....">
. Как используя JavaScript, сделать это изображение ссылкой? чтобы при клике на изображение открывался другой сайт в новом окне.
Можно на чистом HTML
<a href="someUrl" target="_blank"><img src="someUrl2"></a>
А 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">
Попробуйте такой вариант
<img src="...." onclick="window.location='/page-name'">
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Как сделать плавный раскрывающийся аккордеонПодразумеваю что регулируется установкой высоты блока и св-ом трансишн
Подскажите кто сталкивался, знаетЕсть виджет от картика(daterangepicker), нужно сделать так, чтобы можно было выбрать любой день за последний месяц(последним...
изучаю кохану,хочел научится использовать кохану+аякс вместе, взял пример хотел разобрать( пример на пхп+аякс прекрасно работает) , перенес...
Как прекратить или остановить выполнение функции php из javascript?