jQuery图像错误地显示在div中

时间:2012-07-17 06:27:57

标签: jquery html css

我去过这里已经有一段时间了!我在画廊页面上有一个奇怪的间歇性问题,我强烈认为这与一些jQuery有关?!

http://www.savvysites.com/ASD/gallery.html#

从此链接开始,第一个图库图片按预期加载! ?有时?当你去第二和/或第三个画廊时,图像会在div的中途加载:

http://prntscr.com/c7uyy

如果有人能够解释为什么会发生这种情况(并提供可能的解决方案),我将非常感激:)

...如果你离South Yarra很近,啤酒就是你的奖励!

问候 路加

2 个答案:

答案 0 :(得分:0)

由于边距为0(结合绝对定位和顶部:50%),图片显示在中途。在main.js中有一个名为“imageResize(holder)”的函数,其中设置了这些值。我不确定发生了什么,但似乎img.height()有时会返回0。函数imageH中的早期已经设置好了,所以如果你更改margin-top设置为的部分,也许如下:

img.css({
  'margin-top':-(imgageH/2),
  'margin-left':-(imageW/2)
}) 

希望这有帮助!

答案 1 :(得分:0)

我相信当你将图像放在页面上时,它会将它放在span标记之后。

持有时钟的跨度标签有时位于盒子的中间,因此,将图像放在盒子的一半。凭借其绝对的地位。

尝试相对于li而不是span附加img标记。