Question

我正在使用带有灯箱的iviewer插件，每次加载新图像时我都会遇到问题。我知道有一个预先构建的方法中心（）我不知道如何以及在何处调用它。

你可以找到我正在使用的功能。当我点击一个元素时调用该函数，它打开一个方框div（#iviewer）。我希望我的图像中心。我也在开头使用缩放pourcentage，因此我的图像不适合框（var viewer）。

function open(src, id) {

    var firstZoom = true;
    $("#iviewer").fadeIn().trigger('fadein');
    var viewer = $("#iviewer .viewer").     
    width(920).
    height(560).
    iviewer({
        src : src,
        ui_disabled : true,
        zoom : '50%',
        initCallback : function() {
           var self = this;
         },
        onZoom : function() {
           if (!firstZoom) return;

           $("#iviewer .loader").fadeOut();
           $("#iviewer .viewer").fadeIn();
           firstZoom = true;
       }
    }

 );
 //load new pic
 viewer.iviewer('loadImage', src);
}

感谢您的帮助。

Answer 1

初始化中的“onFinishLoad”回调挂钩对我有用：

onFinishLoad: function(ev, src){ viewer.iviewer('center')}

iviewer jquery插件，中心图像

1 个答案: