2011-11-18 99 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墨水为基准