在IE中使用Flexslider的高度问题

时间:2016-01-13 15:17:36

标签: jquery flexslider

如果你在IE 11中转到这个页面https://www.bingomum.co.uk/sites/bgo/,你应该看到当页面被加载时,滑块的容器高度大约应该是它的两倍。没有其他浏览器这样做,并且在我点击页面或重新调整窗口大小后,高度会更新到正确的高度。我做了很多搜索并尝试了一些我发现的东西,但似乎没有任何效果。我甚至试过容器的静态高度,但CSS只能在其他浏览器中使用。在IE中检查元素时,CSS甚至没有显示出来。

是否有可能运行在页面加载完成后运行的任何代码来更新高度?我认为在重新调整窗口大小或单击页面时高度会更新,因此必须有一个我可以在页面加载后运行的函数。

以下是该问题的并排屏幕截图的链接。 2个浏览器是Chrome和IE 11。 http://s7.postimg.org/qtkimpodn/Untitled.png

1 个答案:

答案 0 :(得分:0)

使用延迟加载时,IE中的Flexslider会出现高度问题。

当Flexslider检查图片的高度时,延迟加载会隐藏图像地址。

解决方案: 不要使用空的src值,而是使用第一张幻灯片的图像src以用于所有后续幻灯片。

延迟加载将像以前一样替换src值。