2010-10-13 67 views
0

我該怎麼做:jquery替換圖像

我有一個CHECKMARK圖像,其中當我點擊該圖像時,它將被替換爲LOCK圖像。我怎樣才能做到這一點在jQuery和PHP?

回答

4
$('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

1

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

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