此页面显示轮播中的图像集合。轮播由jQuery 无限轮播插件提供。目前，插件和调用它的我的 JS 代码加载在<head>.
在轮播代码启动之前，会出现一些仅显示图像本身的无样式内容。我可以做些什么来防止这种情况发生，例如在轮播初始化之前隐藏图像？
FOUC 在 IE 中尤其糟糕，但也出现在 Firefox 中。
3859 次
2 回答
2
如果您在浏览器上禁用 javascript，您将能够看到“flash”的样子。在禁用 JS 的情况下，确保页面至少始终“可用”是个好主意。将此 css 添加到您的#carousel 中即可：
overflow: hidden;
width: 615px;
height: 270px;
border: 2px solid #aaa;
于 2012-02-17T14:49:28.597 回答
1
您可以display:none在 css 中设置内容，然后在轮播代码启动之前使用 javascript 将其删除。
并记住坚持渐进增强。
于 2012-02-17T14:24:30.413 回答