最简单的一种方式就是在图片的外层包上a便签,当点击的时候,相当于是跳转了这个图片路径。
<a target="_Blank" href = "'+res.tp1+'" ><img src="'+res.tp1+'" id="tp1" class ="zp" style="margin-left: 100px;"/></a>
a便签中的“target="_Blank"”是设置当点击a标签是时候重新打开一个新的网页,默认的是在当前页面打开,我们只需要将图片的存储路径放在href中,就可以轻松的实现点击图片进行放大的功能了,不过这个放大的比例是原图,所以当我们想放大到自己想要的比例的时候,也可以用js进行调整。