基于swiper的仿微信图片预览功能实现

需求：
点击文章中图片会弹出一层，在这层中图片可以缩放（双击缩放，手势缩放，滑动切换图片，swiper可以做到这些功能），类似微信的预览图片功能。
实现：
1、首次点击某张图片，动态加载swiper的js文件，动态插入swiper结构，初始化swiper，并展示被点击的图片。
2、第二次点击或第三次点击之后直接显示被点击的图片。

代码如下：

<!--dom结构，基本适用于富文本-->
<div id="article">
    ...
    <img src=""/>
    ...
</div>


<!--引入jquery-->
<link rel="stylesheet" type="text/css" href="/css/swiper.css"><!--先引入css，试过使用js引入是不行滴-->
<sty