PicView

A jQuery plugin to support mobile and PC image display 一个支持移动端和PC端的图片展示jQuery插件

Setup

# install dependencies
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script src="/picview.js"></script>

use

# use
HTML tag Attributes: <El data-ui="picview"></El>
OR
$('your EL').PicView()
 
# Get the bound instance
# 获取绑定的图片显示实例 
var elPicView = $('your EL').data('PicView');
 
# Get a bound list of images for the instance
# 获取显示的图片列表
var dataList = elPicView.getData();
 
# Setting up a display image list is dynamic
# 设置显示图片列表是动态的
var dataList = elPicView.setDataIsChange(true);
 
# If it is to upload pictures, and upload events triggered by the 
# picture, then set to display the default picture address needs to be removed
# 如果是上传图片，并且是通过图片触发上传事件，那么设置显示需要剔除的默认图片地址
var dataList = elPicView.setDefaultImg(true);
 
# Destroy the instance
# 销毁实例
var dataList = elPicView.destroy();

bug fixes

2018.01.10

1. 绑定对象为body时，获取展示图片时，获取模态展示图片问题
2. 修改样式，添加-ms-transform:rotate(*deg) IE9 支持旋转
3. 整理样式