如何正確居中facebox ajax請求？

我的wordpress模板使用facebox通過ajax請求顯示投資組合圖像。如何正確居中facebox ajax請求？

問題是根據觀看者的屏幕大小，圖像加載到不同的位置。

我的模板使用

$('#facebox').css({ 
    top: getPageScroll()[1] + (getPageHeight()/10), 
    left: 385.5 
    }).show()

的facebox網站使用

$('#facebox').css({ 
    top: getPageScroll()[1] + (getPageHeight()/10), 
    left: $(window).width()/2 - 205 
}).show()

的facebox網站完全顯示的圖像，但是當我用同樣符合我的模板是不正確顯示。

有人能指出我在正確的方向獲得圖像加載在屏幕中心一貫？

2010-09-04 chris

公式爲：（window.width/2） - （target.width/2）

$('#facebox').css({ 
    top: getPageScroll()[1] + (getPageHeight()/10), 
    left: ($(window).width()/2) - ($('#facebox').outerWidth()/2) 
}).show()

注意，您facebox.css設置在div＃facebox到710px的寬度，儘管你的圖像更寬。我使用outerWidth（）而不是width（），但不確定該帳戶是否適合css 710px寬度。

2010-09-04 18:59:52 BGerrissen

非常感謝。你能告訴我是否應該將div＃facebox寬度設置爲該集合中最寬圖像的寬度？ – chris 2010-09-04 19:02:52

如果你不介意任何一邊的額外的facebox空間，你可以。也許這是一個選項來改變圖像的寬度是統一的？ – BGerrissen 2010-09-04 19:04:17

我不明白facebox的710px寬度和facebox的660px寬度。body 我問cuz，不幸的是該模板不再受其創建者的支持。 – chris 2010-09-04 19:05:32

回答