Javascript 超级滑块将图像调整为大尺寸
我似乎遇到了一个问题,在今天之前我没有用一些代码来解决这个问题。虽然Javascript 超级滑块将图像调整为大尺寸,javascript,jquery,Javascript,Jquery,我似乎遇到了一个问题,在今天之前我没有用一些代码来解决这个问题。虽然superslides的jquery脚本正常工作,但我们今天收到一条消息,我们的网站看起来很奇怪,所以我去检查了一下。似乎我们的超级滑块中图像的大小调整突然出错,导致图像移出其区域,而不是隐藏在溢出中 它为图像的高度指定了一个错误的高度变量,除非我在宽度上调整它的大小,否则它会修复。每当我调整高度时,它都会再次失败 所以我想知道发生了什么,并检查是否有修改。没有发生任何问题,我在测试服务器上进行了检查,在那里我运行了一个不同版本
superslides
的jquery脚本正常工作,但我们今天收到一条消息,我们的网站看起来很奇怪,所以我去检查了一下。似乎我们的超级滑块中图像的大小调整突然出错,导致图像移出其区域,而不是隐藏在溢出中
它为图像的高度指定了一个错误的高度变量,除非我在宽度上调整它的大小,否则它会修复。每当我调整高度时,它都会再次失败
所以我想知道发生了什么,并检查是否有修改。没有发生任何问题,我在测试服务器上进行了检查,在那里我运行了一个不同版本的网站,我知道应该可以正常工作,但它有相同的问题。我反复检查了一下浏览器,看看这是否是浏览器问题,运气不好
现在,经过一些演绎和测试,我认为它与如下所述的变量有关
.... some code ..... <-- line 117 in jquery.superslides.js
} else {
$('body').css({
margin: 0
});
that.$el.css({
position: 'relative',
overflow: 'hidden',
width: '100%',
height: that.height
});
。。。。一些代码 Superslides默认情况下使用$(window).height()
,在您的情况下,该选项会失败。
您可以插入另一个大小正确的对象,也可以将$(window.height()
修改为:
如果没有doctype
标记,Chrome会为两个调用报告相同的值
添加严格的doctype(如
)会使这些值按照公布的方式工作
谢谢,这的确是个问题。这需要我用css样式对菜单做一点修改,以获得当前的页边距,但这是一个我可以处理的问题。一个doctype声明可以修复很多问题,这很有趣。谢谢你指出这一点!很高兴我能帮忙!:)