2012-02-08 19 views
0

ライトボックス付きのiviewerプラグインを使用していますが、新しい画像をロードするたびに画像を中央に配置する問題があります。 私は事前に構築されたメソッドセンターがあることを知っています。iviewer jquery pluggin、center image

私が使用している機能は、下にあります。この関数は、要素をクリックすると呼び出され、ボックスdiv(#iviewer)を開きます。私はイメージセンターを希望します。私はまた、画像がボックス(varビューア)に収まらないように、最初はズームポーズを使用します。

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); 
} 

ありがとうございました。

答えて

1

初期設定では "onFinishLoad" コールバックフックが私の仕事:

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