删除无格式内容（FOUC）

此页面显示旋转木马中的图像集合。 旋转木马由jQuery无限轮播插件提供 。 目前，插件和调用它的JS代码都加载在 。

在旋转木马代码开始之前，有一些没有样式的内容，只显示图像本身。 我能做些什么来防止这种情况，例如隐藏图像直到carosel初始化？

FOUC在IE中特别糟糕，但也出现在Firefox中。

Answer 1

如果您在浏览器上禁用了javascript，您将能够看到“flash”的外观。 在禁用JS的情况下确保页面至少始终“可用”是个好主意。 将此css添加到#carousel将可以解决问题：

 overflow: hidden; width: 615px; height: 270px; border: 2px solid #aaa; 

Answer 2

您可以在css中为内容设置display:none ，然后在轮播代码启动之前使用javascript将其删除。

并记住坚持渐进增强 。