例如,当用户使用较慢的互联网或移动设备时,会出现此问题.但是,当轮播中的页面内容/图像未被缓存时,有时也会在更高的速度上看到闪烁.
如果正在渲染页面加载和第一个元素,则所有轮播“幻灯片”都像列表一样在彼此之下,然后页面被加载,魔术发生并且每个额外的幻灯片消失并且轮播已经出生.
这是默认的猫头鹰行为吗?我该怎么解决这个问题?这是非常丑陋和不专业.
最佳答案 这是一个古老的问题,但我最近遇到了同样的问题.
问题出在课堂上:
<div id="yourowlcarouselid" class="owl-carousel owl-theme owl-loaded">
解决方案是删除“owl-loaded”类. Owl js自己添加它以在块中渲染滑块,如果没有这个,滑块应该具有样式“display:none”.除了no-js浏览器.
第二件事是owl的样式:类在owl.carousel.css中.只需按照OWL Carousel页面上的“安装指南”进行操作即可.
如果没有css并且“加载毛刺”是唯一不需要的效果,请添加:
.owl-carousel {
display: none;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel.owl-loaded {
display: block;
}