html点击按钮显示/隐藏图片？

Question

所以，我是新来的HTML，并说我有2个按钮名为“显示图片1”和“显示图片2”

我希望能够单击按钮“显示图片1”后显示图片1。

我也希望能够显示图片2，其中图片1是（和隐藏图片1，如果图片1正在显示）。

我应该写什么代码才能让它发生？

到目前为止我的代码显示图片1：

<style type="text/css"> 
.show{display:block;} 
.hide{display:none;} 
</style> 
<script type="text/javascript"> 
function showImg() 
{ 
var obj=document.getElementById('Picture1'); 
obj.className = 'show'; 
} 
</script> 



<center> 
<img id="Picture1" src=Picture1.jpg" class="hide"> 
<input type="button" onclick = "showImg()" value= "Picture1"> 
</center> 

感谢

Answer 1

///如果乌拉圭回合寻找切换图像试试这个简单的代码////

<script type = "text/javascript"> 
     function pic1() 
     { 
      document.getElementById("img").src = "picture 1 source"; 
     } 
     function pic2() 
     { 
      document.getElementById("img").src ="picture 2 source"; 
     } </script> 





    <img src = "" id = "img"/> <input type="button" value="Show Picture 
    1" onclick="pic1()"/> <input type="button" value="Show Picture 2" 
    onclick="pic2()"/>