Question

我想创建一个图库，当点击缩略图时显示主图像。点击缩略图而不是更改网页中的图像时，会将用户带到保存图像的文件并将其显示在右上角。

不知道为什么会发生这种情况？任何建议，我会出错，如何解决这个问题？发生的原因的定位标记的默认行为

<img id="veiwer" src="images/motorbike-girl.jpg" /> 
<div id='thumbs'> 
    <a href='images/chicks.jpg' onclick="gallery(this);"><img src='images/chicks- 
    thumb.jpg'/></a> 
    <a href='images/motorbike-girl.jpg' onclick="gallery(this);"><img 
    src='images/motorbike-girl-thumb.jpg'/></a>             
    <a href='images/yamaha-thumb.jpg' onclick="gallery(this);"><img    
    src='images/yamaha.jpg'/></a>  
</div> 


     function gallery(change) { 

      document.getElementById('viewer').src = change.href; 
     } 

Answer 1

的问题：在默认情况下，当你点击一个链接，你到了网页/文件它的指向。 因此，在你的JavaScript中，你需要告诉“不要运行默认行为，只能做我想做的事”。这是通过事件的preventDefault()方法完成的。

cfr this fiddle作为一个工作示例，其中我也删除了内嵌JavaScript（= onclick属性）。