viewpic方法

viewpic是调用图片查看器的方法,给图片设置这个样式之后,当用户点击此图的时候,会激活图片查看器,图片可缩放查看。

参数说明


[HTML]

























参数 说明
src 图片的路径地址
thumb 当前图片若是缩略图,这里添加缩略图文件的附加名称,当用户点击此图的时候会打开原图,不设置则打开的是src中地址的图片
swiper 若是当前图片在swiper容器中,则这里设置当前图片再swiper中的索引数,从0开始

[/HTML]

用法示例


1、单图
<img src="data/atc/topic/201801/25/B2B30E1458B7D14AB312667EB8A1F5DF.jpg_thumb.jpg" class="viewpic" thumb="_thumb">
2、多图
<div class="swiper">
<p><img src="data/atc/topic/201801/25/19A218EE31BFDADC8E4189024848154F.jpg_thumb.jpg" class="viewpic" thumb="_thumb" swiper="0"></p>
<p><img src="data/atc/topic/201801/25/B2B30E1458B7D14AB312667EB8A1F5DF.jpg_thumb.jpg" class="viewpic" thumb="_thumb" swiper="1"></p>
<p><img src="data/atc/topic/201801/25/FAF2AFCAC0CEEAE751FF8529B9BB5A0D.jpg_thumb.jpg" class="viewpic" thumb="_thumb" swiper="2"></p>
</div>