Remplacer l'image dans jquery

Question

Comment puis-je faire:

J'ai une image CHECKMARK dans lequel, lorsque je clique sur cette image, il sera remplacé par une image LOCK. Comment puis-je faire cela en jquery et php?

Answer 1

$('img.checkmark').toggle(function() { 
    $(this).attr('src', 'lock.png'); 
}, function() { 
    $(this).attr('src', 'checkmark.png'); 
}); 

Tous img tags avec la classe checkmark auront désormais la fonction de basculement:

<img src="checkmark.png" class="checkmark"/> 

Answer 2

pourrait utiliser un peu plus de contexte, mais quelque chose comme ceci:

$(function() 
{ 
    $('#checkmarkImage').click(function() 
    { 
     $(this).attr('src', '/path/to/lock/image.jpg'); 
    }); 
});