Изменение источника изображения с помощью jQuery

Можно использовать jQuery attr () функция. Например, если бы Ваш img тег имеет id атрибут 'my_image', Вы сделали бы это:

<img id="my_image" src="first.jpg"/>

Затем можно измениться src из изображения с jQuery как это:

$("#my_image").attr("src","second.jpg");

Для присоединения этого к click событие Вы могли записать:

$('#my_image').on({
    'click': function(){
        $('#my_image').attr('src','second.jpg');
    }
});

Для вращения изображения Вы могли сделать это:

$('img').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.jpg')
            ? 'img2_on.jpg'
            : 'img1_on.jpg';
         $(this).attr('src', src);
    }
});