按鈕上的Java交換圖片點擊

Question

我目前有4個按鈕，一旦單擊應從一個圖像交換到另一個圖像。 我可以使前兩個起作用，但是一旦單擊第三和第四個，單擊另一個按鈕，圖像就不會消失-它們停留在屏幕上。

我在文檔頭中有當前代碼：

 function showImg(strShow, strHide) { document.getElementById(strShow).style.display = 'block'; document.getElementById(strHide).style.display = 'none'; } 

 <div id="image1"> <INPUT type="submit" class="myButton1" value="" button onclick="showImg( 'a', 'b', 'c', 'd' )"></button> <img id="a" src="Website Photos/scannedimages/remembranceivy.jpg" width="220" height="116.895" style="display:none" alt="A" /> </div> <div id="image2"> <INPUT type="submit" class="myButton2" value="" button onclick="showImg( 'b', 'a', 'c', 'd' )"></button> <img id="b" src="Website Photos/scannedimages/remembrancemaple.jpg" width="220" height="116.895" style="display:none" alt="B" /> </div> <div id="image3"> <INPUT type="submit" class="myButton3" value="" button onclick="showImg( 'c', 'a', 'b', 'd' )"></button> <img id="c" src="Website Photos/scannedimages/remembranceoak.jpg" width="220" height="116.895" style="display:none" alt="C" /> </div> <div id="image4"> <INPUT type="submit" class="myButton4" value="" button onclick="showImg( 'd', 'a', 'c', 'd')"></button> <img id="d" src="Website Photos/scannedimages/remembrancepine.jpg" width="220" height="116.895" style="display:none" alt="D" /> </div> 

我完全迷路了。 是否需要向Javascript中添加某些內容才能使第三張和第四張圖片消失？ 任何幫助，將不勝感激！

Answer 1

您的函數接受兩個參數（strShow，strHide），但您要傳遞四個參數（'c'，'a'，'b'，'d'）。 因此忽略了最后2張，這就是為什么您的照片沒有消失的原因。 例如，當您單擊圖像3時，將顯示圖像C（第一個參數），而圖像B（第二個參數）被隱藏。 但如果顯示的照片是D或A，則不會將其隱藏。

Answer 2

嘗試

<div id="image3">
<INPUT type="submit" class="myButton3" value="" button onclick="showImg('c', 'd')"></input>  
<img id="c" src="Website Photos/scannedimages/remembranceoak.jpg" width="220" height="116.895" style="display:none" alt="C" /> 
</div>

<div id="image4">
<INPUT type="submit" class="myButton4" value="" button onclick="showImg('d', 'a')"></input>  
<img id="d" src="Website Photos/scannedimages/remembrancepine.jpg" width="220" height="116.895" style="display:none" alt="D" /> 
</div>

注意showIgm僅接受兩個參數。