图片预览插件viewer.js怎样修改图片初始渲染后的位置

 

因项目需求，用户需要再分屏的情况下查看右边图片，由于图片的margin-left是由viewer.js自己默认全屏下设置了间距，导致分屏后图片偏右，既不能写死又不能默认偏右，想通过传递分屏参数在源码里修改。此前查看了官方文档没有任何说明

强大的jQuery图片查看器插件Viewer.js

后来发现源码里有对应的修改图片渲染后的初始位置方法，恍然大悟。

使用moveto的方法，可以看见英文注释，可以将图片移动到x轴、y轴固定像素的绝对位置上 返回一个Viewer对象。同时viewer对象还有其他的属性方法。

 再判断分屏的条件下进行图片移动

  //fpshow为true时，在viewed属性后 向右移动100像素 ，这里我取画布的一半即100像素
  if(fpShow){
                    viewer = new Viewer(image, {
                        hidden: function () {
                            viewer.destroy();
                        },
                        viewed: function() {
                            viewer.moveTo(100, 0);
                        }
                    });
                }else{
                    viewer = new Viewer(image, {
                        hidden: function () {
                            viewer.destroy();
                        }
                    });
                }
                viewer.show();