使用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"/>