Вставка кликабельного изображения

Question

Я хочу вставить кликабельное изображение, то есть если какая-либо часть изображения будет нажата, он будет либо действовать как элемент кнопки, либо, более предпочтительно, запустить сценарий Javascript.

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

Как сделать кликабельное изображение, которое вызывает скрипт?

Answer 1

Существует много способов сделать это.

<img id="Img" src="img.jpg" /> 

Добавление OnClick атрибута:

<img id="Img" src="img.jpg" onclick="myFunction()" /> 

Добавление OnClick слушателя событий из сценария:

document.getElementById("Img").onclick = function() { 
    // img clicked 
}; 

Put изображение в качестве фона кнопки

<input type="button" style="background: url(img.jpg)" />