使用JavaScript覆蓋圖像並用相同頁面上的新圖像替換

Question

我有一個顯示縮略圖的圖像滾動條和顯示縮略圖的放大圖片的另一個區域。我試圖用JavaScript來覆蓋大圖像，當點擊不同的縮略圖時。所以點擊縮略圖會用拇指指甲的新大圖像代替當前的大圖像，會有31個縮略圖，我找不到用這裏顯示的show hid div方法覆蓋它們的方法。

Answer 1

你不需要隱藏/顯示div。每次單擊不同的縮略圖時，只需更改較大圖像的src屬性即可。這應該讓你想要你想要的。

<script type="text/javascript"> 
function showLarge(srcLarge) 
{ 
    document.getElementById("large").src = srcLarge; 
} 
</script> 


<img src="/path/to/thumb1.jpg" onclick="showLarge('/path/to/large1.jpg')"/> 
<img src="/path/to/thumb2.jpg" onclick="showLarge('/path/to/large2.jpg')"/> 
<img src="/path/to/thumb3.jpg" onclick="showLarge('/path/to/large3.jpg')"/> 

<img id="large" src="/path/to/large1.jpg"/>