Question

我的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网站完美地显示图像，但当我使用与我的模板相同的行时，显示不正确。

有人能指出我正确的方向让图像在屏幕中央一致地加载吗？

Link to the portfolio site im trying to fix

Link to the facebox site

Answer 1

公式为：（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宽度。

如何正确居中facebox ajax请求？

1 个答案: