设一个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,图片就放大了。
本文介绍了一种使用HTML和CSS实现图片点击放大展示的方法。通过设置div的display属性为none实现初始隐藏效果,点击图片后加载图片路径并显示放大后的图片。
4901

被折叠的 条评论
为什么被折叠?



