本文转载自习惯沉淀博主的博文https://www.cnblogs.com/yadongliang/p/9327659.html，下载zoom.js和zoom.css，下载地址点击此处 ，由于我后端用的django框架，因此将下载的文件直接放入static静态文件中，有了这个现成的插件，直接将要点击放大的img图片标签上面加个属性即可:data-action="zoom"，这样很方便，我增加属性的js代码如下

<script type="text/javascript">
    $("#contents img").attr("data-action",'zoom');
</script>

在id为contenst的标签下所有的img图片增加data-action属性，除此之外，引入之前下载的zoom.js和zoom.css文件即可，感觉现成的插件很好用，对于手机端也会自适应。

如果上述代码帮助您很多，可以打赏下以减少服务器的开支吗，万分感谢！