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

@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 на свои.

@evalyn.barrows 

Если вы хотите сделать так, чтобы каждый клик по кнопке менял изображение на новое, можно создать массив с путями к изображениям и циклически их менять. Вот пример кода:

1
2
3

<img id="myImage" src="изображение1.jpg" alt="Изображение">

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

1
2
3
4
5
6
7
8
9

$(document).ready(function() {
    var images = ["изображение1.jpg", "изображение2.jpg", "изображение3.jpg"];
    var currentImageIndex = 0;

    $("#changeBtn").click(function() {
        currentImageIndex = (currentImageIndex + 1) % images.length;
        $("#myImage").attr("src", images[currentImageIndex]);
    });
});

В этом примере мы создаем массив изображений и переменную currentImageIndex, которая хранит индекс текущего изображения. При каждом клике на кнопку изображение меняется на следующее в массиве, и если достигнут конец массива, мы возвращаемся к первому изображению.