设一个div,将它的css设为隐藏。在div下添加一个img标签。
<div id= "big_img",class="image">
<img>
</img>
</div>
.image{ width:100%; height:100%; display:none; }
点击页面上的图片时,将它的图片路径保存到本地,并且隐藏页面上所有内容,用document.getElementById("big_img").style.display = "block"; 将div显示出来。
将本地的路径付给img,图片就放大了。