This page显示轮播中的图像集合。轮播由jQuery infinite carousel plugin提供。当前,该插件以及调用它的我的JS代码已加载到<head>中。

在启动轮播代码之前,有一堆未样式化的内容仅显示图像本身。我有什么办法可以防止这种情况发生,例如隐藏图像,直到初始化转盘?

FOUC在IE中特别糟糕,但在Firefox中也会发生。

最佳答案

如果您在浏览器上禁用了javascript,则可以看到“闪光灯”的外观。确保禁用JS的页面至少总是“可用的”是一个好主意。将此CSS添加到您的#carousel中将达到目的:

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

07-24 09:38
查看更多