(1)viewerjs 源码,以及官方文档
ihttps://github.com/fengyuanchen/viewerjs/blob/main/README.md
https://github.com/fengyuanchen/viewerjs/blob/main/README.md (2)静态图片生成预览不用说了,按官方操作即可。
(3)如果图片是动态加载的,比如ajax 如何进行操作?
答:
在ajax 获取完毕后,并把图片书写到 dom后执行如下:showPic 为图片列表外部容器。
viewer = new Viewer(document.getElementById(''), {toolbar: true, //显示工具条viewed() {viewer.zoomTo(0.75); // 图片显示比例 75%},show: function () { // 动态加载图片后,更新实例viewer.update();$(".viewer-container").css({"z-index": 9999999});},
});
(4)如果再同一个页面有多组viewer 视图如何避免多次初始化冲突;viewer定义全局。
var viewer;
xxxx
if (typeof viewer !== "undefined") {viewer.destroy();
}
viewer = new Viewer(document.getElementById('showPic'), {toolbar: true, //显示工具条viewed() {viewer.zoomTo(0.75); // 图片显示比例 75%},show: function () { // 动态加载图片后,更新实例viewer.update();$(".viewer-container").css({"z-index": 9999999});},
});
上一篇:感谢太极拳老师的一句话怎么写
下一篇:自然景观资料