第一次加载并访问此页面http://www.blythestoves.co.uk/new上的某些幻灯片时,不会呈现正确的高度。部分信息被截断。转到幻灯片 2 (Ecomaster BB1),在气流刻度盘的图像下应该有一些关于保修的信息。该页面不会呈现最后一个文本块。
这是奇怪的部分。如果您刷新页面,则没有任何反应,但是如果您转到地址栏并单击此处并再次按下返回,则页面将正确加载,高度全部正确。
我真的不明白,已经在这上面花了太多时间。任何帮助都会非常棒。
谢谢。
第一次加载并访问此页面http://www.blythestoves.co.uk/new上的某些幻灯片时,不会呈现正确的高度。部分信息被截断。转到幻灯片 2 (Ecomaster BB1),在气流刻度盘的图像下应该有一些关于保修的信息。该页面不会呈现最后一个文本块。
这是奇怪的部分。如果您刷新页面,则没有任何反应,但是如果您转到地址栏并单击此处并再次按下返回,则页面将正确加载,高度全部正确。
我真的不明白,已经在这上面花了太多时间。任何帮助都会非常棒。
谢谢。
如果没有在小提琴中隔离,我无法确定,但我猜它没有调整大小,因为你明确告诉它不要 with resizeContents : false
:
$('#slider').anythingSlider({
width : 1228, // Override the default CSS width
resizeContents : false,
navigationFormatter : formatText,
autoPlay : false,
easing: 'easeInOutExpo'
});
把它拿出来,它可能会起作用。如果没有,请为我们设置一个小提琴;)
主要问题是 webkit 浏览器在图像开始加载之前触发文档就绪事件,因此尚未获得图像尺寸。因此,如果您在 css 或内联中包含图像尺寸:
<img src="images/blythe-ecomaster-bb2.jpg" style="width:1228px;height:678px;" />
然后滑块高度将适当调整大小。
此外,滑块初始化中的宽度选项已被弃用,因此您只能使用 css 设置滑块尺寸。所以你可以删除这一行,因为它没有做任何事情:
width : 1228, // Override the default CSS width
在 Firefox 和 chrome 上对我有用吗?它可能是一个溢出的 css 问题,它只出现在 IE 中。
安德鲁