Имеются 4 фотографии которые при клике должны сменятся и слова при клике возвращать первую (или следующую а потом снова первую), функцию я написал но при клике на 2 3 4 картинку меняется только первая.
Знаю что 4 функции создавать - это глупость.
<a href="#"><img id="image" onclick="changeImage()" src="img/like.png"></a>
function changeImage() {
var image = document.getElementById('image');
if(image.src.match("img/like.png")) {
image.src = "img/like-full.png";
}
else {
image.src = "img/like.png";
}
}
и так на 4 картинках.
Как сделать правильно ?