Как изменить изображение по клику на кнопке на javascript?

Пользователь

от jedidiah.brown , в категории: JavaScript , год назад

Как изменить изображение по клику на кнопке на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ottilie.farrell , 9 месяцев назад

@jedidiah.brown 

Для изменения изображения при клике на кнопку на javascript можно использовать следующий код:


HTML:

1
2
3
<img id="myImage" src="начальное_изображение.jpg">

<button onclick="changeImage()">Изменить изображение</button>


JavaScript:

1
2
3
4
5
6
7
8
function changeImage() {
  var image = document.getElementById("myImage");
  if (image.src.match("начальное_изображение.jpg")) {
    image.src = "измененное_изображение.jpg";
  } else {
    image.src = "начальное_изображение.jpg";
  }
}


В данном примере при клике на кнопку вызывается функция "changeImage()", которая получает элемент изображения по его ID, и в зависимости от того, какое изображение отображается на момент клика, заменяет его на другое.