Как сменить изображение с помощью кнопки на jquery?

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

от evalyn.barrows , в категории: JavaScript , 3 месяца назад

Как сменить изображение с помощью кнопки на jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от pauline , 3 месяца назад

@evalyn.barrows 

Для смены изображения с помощью кнопки на jQuery, вам потребуется добавить обработчик события клика на кнопку и изменить атрибут src изображения.


HTML-код:

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

<button id="changeBtn">Сменить изображение</button>


JavaScript-код с использованием jQuery:

1
2
3
4
5
$(document).ready(function(){
  $("#changeBtn").click(function(){
    $("#myImage").attr("src", "новое_изображение.jpg");
  });
});


В данном примере, при клике на кнопку с id "changeBtn", атрибут src изображения с id "myImage" будет изменен на "новое_изображение.jpg". Вы можете заменить значения src и id на свои.