Сменить фотографию, удерживая нажатой кнопку

Question

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

JS:

$('src').on('mousedown mouseup', function mouseState(e) { 
    if (e.type == "mousedown") { 
     this.setAttribute("src", 'rustb.png') 
    } else { 
     this.setAttribute("src", 'rust.jpg') 
    } 
}); 

HTML:

<img src="rustb.png" id="click" value="Click" /> 

Пожалуйста, помогите, спасибо!

Answer 1

Вы можете попробовать прямо Mouse events, как указано ниже, и использовать действительный селектор.

$("img") 
    .mousedown(function() { 
    $(this).prop("src", 'rust.jpg'); 
    }) 
    .mouseup(function() { 
    $(this).prop("src", 'rustb.png'); 
    }); 

Answer 2

Ваш селектор не получает ничего, вам нужно выбрать элемент/класс/ID

$('img'/'.imgClass'/'#imgId')