猫头鹰旋转木马的所有项目时，页面加载

Question

此问题，可见主要是当用户使用稍微慢一点互联网或移动例如发生。但是，当旋转木马中的页面内容/图像尚未被缓存时，有时也会以更高的速度看到闪烁。

如果正在渲染页面加载和第一个元素，则所有轮播“幻灯片”都会像列表一样处于彼此之下，然后页面被加载，发生幻化，并且每个额外的幻灯片都会消失，并且传送带已经诞生。

这是默认的猫头鹰行为？我应该如何解决这个问题？这是非常丑陋的和不专业的。

Answer 1

这是老问题，但最近我有同样的问题。

问题是类：

<div id="yourowlcarouselid" class="owl-carousel owl-theme owl-loaded"> 

溶液以除去类 “猫头鹰加载”。猫头鹰js自己添加它来呈现滑块，没有这个，滑块应该有样式“display：none”。除了非JS浏览器。

第二件事是猫头鹰风格：类是在owl.carousel.css。只需按照OWL Carousel页面上的“安装指南”进行操作即可。

如果没有CSS和“加载故障”是唯一不需要的效果，添加：

.owl-carousel { 
    display: none; 
} 
.no-js .owl-carousel { 
    display: block; 
} 
.owl-carousel.owl-loaded { 
    display: block; 
}