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 += '<li><img src="img_source" ></li>'
    }
    $("#img_list").append(html);
    // 初始化 viewer.js
    var viewer = new Viewer(document.getElementById('img_list'), {
        toolbar: true,  //显示工具条
        viewed() {
            viewer.zoomTo(0.75);   // 图片显示比例 75%
        },
        show: function (){        // 动态加载图片后，更新实例
            viewer.update();
        },
    });
});