viewerJs 图片查看组件的最简单使用方法

viewerJs

• 官网 fengyuanchen.github.io/viewerjs/
• gihub github.com/fengyuanche…

1. 创建 图片查看组件实例

new Viewer(imageContainer, {
   fullscreen: false, // 不需要全屏
   title: false, //不需要文件标题
   zIndex: '999999999'
});

• imageContainer图片List的容器，是一个dom

2. 数据请求插入新的图片后，需要进行组件更新。

detailsViewer.update()

3. 如果每次都 创建新的实例，需要把之前的实例 销毁

detailsViewer && detailsViewer.destroy();