我有一个用jQuery实现的轮播。
有时我在页面上有其他东西可能需要一些时间才能加载，而且当旋转木马开始显示而没有CSS渲染时会发生什么。这样就可以在页面上显示轮播中的所有图像。
给它~0.2秒，一切顺利，即CSS开始并且轮播正确显示。
我的问题是，在我们确定页面的其余部分已加载之前，是否有解决方法或甚至是“标准”方式延迟轮播的显示。
轮播已设置为加载document.ready。
答案 0 :(得分：0)
你还没有说过旋转木马是如何实施的;什么是HTML代码，你使用什么jquery插件，以及css是什么样的，所以很难回答这个问题。
听起来您使用jquery将页面中的图像标签转换为轮播。如果所有图像都在同一个div中，那么只需使用display：hidden隐藏div。如果希望在加载css之前隐藏它们，则需要将此css设置直接应用于div标记作为属性。
更好的解决方案是在页面加载后使用javascript / jquery添加图像。这样，在css或jquery准备就绪之前，它们不会呈现为一行。
答案 1 :(得分：0)
如果您使用javascript添加所有图片，则对于禁用了javascript的用户，它将不会显示任何内容。因此，如果您的轮播显示得太早，那么您可能需要将调用旋转木马的脚本移动到页面底部。
答案 2 :(得分：0)
在页面加载时将 js 类添加到正文
不要仅对打开javascript的用户限制轮播， 用
引用这些图像.js .imgParent > img {
display: none
}
然后你可以在你的javascript中重新引用这些图像并重新启用它们 （没有javascript的用户将显示常规图像）