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()"/>