Переключать изображения по клику с помощью jQuery
У меня есть два изображения, которые мне нужно переключать при нажатии на изображение.
<img id='arrowRotate' src='images/prof_arrow1.png' data-swap='images/prof_arrow.png'
data-src='images/prof_arrow1.png' />
Когда пользователь нажимает на изображение,src
должен получить значениеdata-swap
и когда вы нажимаете сноваsrc
должен измениться наdata-src
, Это должно продолжаться, как тумблер. Любая помощь приветствуется.
$("#arrowRotate").click(function() {
var swapImage = $("#arrowGrey").attr("data-swap");
$("#arrowGrey").attr({
'src': swapImage,
id: 'arrowOrange'
});
});
Это где я дошел до сих пор.