代码之家 › 专栏 › 技术社区 › Kishan Punjani

在幻灯片放映开始之前,所有幻灯片的图像都显示在一个堆栈中,在几秒钟内打破了网站的布局

owl-carousel css jquery javascript

Kishan Punjani · 技术社区 · 8 年前

当我的网站第一次加载时,所有滑块图像都在堆栈中可见。我正在使用Owl Carousel v2.2.1。我使用溢出样式。

在幻灯片放映开始之前,所有幻灯片图像都显示在一个堆栈中,在加载过程中会在几秒钟内破坏站点的布局。

我该如何避免这种未定型内容的闪现?

2 回复 | 直到 8 年前

Vereb 8 年前

很难说我在live中看不到,也无法调试它,但可能主div应该有宽度和高度,显示:block和overflow:hidden;

pxxx 8 年前

可能有几件事。你什么时候启动滑块? document.ready ? window.on('load') ? 你可以试试 lazy loading

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

9 月前

Alex · 在轻量级中同时解构和不解构变量

9 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

9 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

9 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

user3472810 · Angular@Output/EventEmitter返回undefined

9 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

9 月前