2011-11-18 97 views
-3

不知道爲什麼,但我找不到解決方案。我有3個鏈接,點擊時我想用jQuery改變下面的圖片。有誰知道一個非常簡單的腳本來告訴我這可能是如何工作的?提前致謝。jQuery更改圖像onclick

+0

回答可以發現[在這一問題](http://stackoverflow.com/問題/ 1106980/change-images-using-jquery),儘管他們使用'hover'而不是'click'。 – Wiseguy

回答

1

HTML

<img id="change" src="http://www.nvidia.in/docs/CP/26740/thumbs_googleearth.jpg" /> 

<br> 
<a href="javascript:void(0)" class="gog" alt="http://www.nvidia.in/docs/CP/26740/thumbs_googleearth.jpg" >earth</a> 
<br> 
<a href="javascript:void(0)" class="gog" alt="http://www.techbusy.org/wp-content/uploads/2011/10/block-websites-google-search-100x100.jpg" >block</a> 
<br> 
<a href="javascript:void(0)" class="gog" alt="http://www.bishanindia.com/wp-content/uploads/2011/10/google-plus-l-100x100.jpg" >google plus</a> 

JQUERY

$(document).ready(function(){ 
    $(".gog").click(function(){ 
     $("#change").attr("src",$(this).attr("alt")); 
    }) 
}) 

Jsfiddle墨水爲基準