1

我的 wordpress 模板使用 facebox 通过 ajax 请求显示投资组合图像。

问题是图像加载在不同的位置，具体取决于观众的屏幕尺寸。

我的模板使用

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

脸书网站使用

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

facebox 网站完美显示图像，但是当我使用与模板相同的行时，无法正确显示。

有人能指出我正确的方向，让图像在屏幕中央持续加载吗？

链接到我试图修复的投资组合网站

链接到 Facebook 网站

4

1 回答 1

3

公式为：(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-04T18:59:52.503 回答