首页需要查看图片，图片只有在表格中点击查看后才会弹出。在网上找到的Viewer中有相当多的插件，所以选择了这个插件，但是Viewer的插件会产生缩略图。这里巧合的是，缩略图被统一替换成了一张带有查看字样的小图片，解决了表格中缩略图空间不足的问题。

Viewer.js是一个强大的图片浏览器

浏览器的特点：

支持移动设备触摸事件、响应、放大/缩小、旋转(像微博一样的图像旋转)、水平/垂直翻转、移动图像、键盘、全屏滑动模式(屏幕保护程序)、缩略图、标题显示和各种自定义事件

我们来看看如何解决viewer.js不能动态预览图片的问题，如下图：

1.viewer.js使用Demo

http://fengyuanchen.github.io/viewerjs/

2.viewer.js的下载地址

https://github.com/fengyuanchen/viewerjs

3.viewer只能初始化一次，也就是说，如果用ajax添加新图片，就不能再次初始化新添加的图片，只能初始化第一次加载的图片。

4.解决方法

见官方文件：

5.具体代码示例

$.post('your_url '，{ param: 'value'})，function(data){ var html=' '；for(var I=data . length-1；I=0；I-){ html=' liimg src=' http : img _ source '/Li ' } $(' # img _ list ')。追加(html)；//初始化viewer . jsvar viewer=new viewer(document . getelementbyid(' img _ list ')，{toolbar:true，//显示工具栏已查看(){ viewer . zoomto(0.75)；//图片显示比例为75% }，show:函数(){ //动态加载图片后，更新实例viewer . update()；}, });});摘要

以上就是边肖介绍的解决viewer.js不能动态预览的解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！