jQuery 图像在 div 中显示不正确

标签 jquery html css

好久没来了!我在画廊页面上遇到一个奇怪的间歇性问题,我强烈认为这与某些 jQuery 有关?!

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

从这个链接开始,第一个图库图片按预期加载! ?有时?当转到第二个和/或第三个画廊时,图像会像这样加载到 div 的中间位置:

http://prntscr.com/c7uyy

如果有人能就为什么会发生这种情况给出一些智慧(并提供可能的解决方案),我将非常感激 :)

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

问候 卢克

最佳答案

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

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

希望这对您有所帮助!

关于jQuery 图像在 div 中显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11517087/

相关文章:

javascript - 使用 Jquery 访问所有 RadCombox

javascript - 使用 ID 和 JQUERY 将文本放入 DIV 元素中?

javascript - Heroku:在 Heroku 上上传静态站点?

jquery - 选择/单击后导航列表不会折叠(移动/选项卡 View )

javascript - Jquery stopPropagation 不起作用,两种情况

Javascript (jquery.ui.slider) - 当前全局方法的替代方法?

javascript - 如何检索从 jQuery 中的 servlet 发送的项目的 JSON 数组

android - native 应用程序比 HTML5 更快

html - 将 div 包裹在隐藏的 div 周围

jquery - 计算图像在每个 div 中的宽度(具有相同的类)