jquery替换图像

jquery替换图像

问题描述:

我该怎么做:jquery替换图像

我有一个CHECKMARK图像,其中当我点击该图像时,它将被替换为LOCK图像。我怎样才能做到这一点在jQuery和PHP?

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

所有img标签与checkmark类现在将有切换功能:

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

+1' .toggle()' – Marko 2010-10-13 03:31:45

+0

因此,在将CHECKMARK图像转为LOCK之后,如果单击LOCK图像,它会将其转换回CHECKMARK? – anonymous2 2010-10-13 03:42:22

+0

@ anonymous2,是的。 – 2010-10-13 03:43:11

可以使用更多的一些背景,但这样的事情:

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