需求:
点击文章中图片会弹出一层,在这层中图片可以缩放(双击缩放,手势缩放,滑动切换图片,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