Javascript 如何正确地将facebox ajax请求居中？

我的wordpress模板使用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站点可以完美地显示图像，但当我使用模板的同一行时，显示不正确

有人能给我指出正确的方向，让图像始终在屏幕中央加载吗

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

---

注意，你的facebox.css将div#facebox设置为710px宽度，尽管你的图像更宽。我使用了outerWidth（）而不是width（），但不确定这是否正确地解释了css 710px的宽度。

非常感谢。你能告诉我我是否应该将div#facebox宽度设置为集合中最宽图像的宽度吗？如果你不介意两边都有额外的facebox空间，你可以。也许这是一个改变图像宽度以使其统一的选项？我不了解facebox的710像素宽度和facebox的660像素宽度。我询问body，因为很不幸，模板的创建者不再支持该模板。我将进行实验。再次感谢。现在好多了。事实上，我认为facebox的大小调整正确，你只需要它作为初始的空框。又称作您不需要更改.css中的with，所以忽略它；）

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