頁面加載之前居中容器使用jQuery

Question

我有一個div和img這需要圍繞在窗已經擴展jQuery的功能，爲了做到這一點使用此功能：

jQuery.fn.center = function() { 
       this.css("position","absolute"); 
       this.css("top", Math.max(0, (($(window).height() - this.outerHeight())/2) +$(window).scrollTop()) + "px"); 

       this.css("left", Math.max(0, (($(window).width() - this.outerWidth())/2) + $(window).scrollLeft()) + "px"); 

       return this; 
      } 

此功能完美但唯一的問題是圖像首先加載它的默認位置，然後移動到中心。如何讓圖像直接在頁面加載中心看到？

編輯：這裏就是我的意思：www.foxteam.net/portfolio.php

Answer 1

我真的需要看到，調用這個函數來幫助你，但這裏有一個快速的建議代碼。

與display:none;和鏈您.fadeIn()函數首先渲染IMG .center() 後或使用回調使其同步。

這樣，即使在顯示圖像之前，您也會將圖像居中。