Javascript 在幻灯片放映开始之前,所有幻灯片';s图像以堆栈形式显示,打破了站点';s布局只需几分之一秒

Javascript 在幻灯片放映开始之前,所有幻灯片';s图像以堆栈形式显示,打破了站点';s布局只需几分之一秒,javascript,jquery,css,owl-carousel,Javascript,Jquery,Css,Owl Carousel,当我的站点第一次加载时,所有滑块图像都在堆栈中可见。我使用的是猫头鹰转盘v2.2.1。我使用溢出样式 在幻灯片放映开始之前,所有幻灯片图像都显示在一个堆栈中,在加载过程中会在几秒钟内破坏站点的布局 我如何避免这种未格式化内容的闪现?可能有几件事。你什么时候启动滑块文档。准备好了吗窗口打开(“加载”)?您可以尝试使用图像,以便在滑块出现后仅显示这些图像。很难判断我是否在live中看不到这些图像,也无法调试这些图像,但可能主div应该具有宽度和高度,display:block and overflo

当我的站点第一次加载时,所有滑块图像都在堆栈中可见。我使用的是猫头鹰转盘v2.2.1。我使用溢出样式

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


我如何避免这种未格式化内容的闪现?

可能有几件事。你什么时候启动滑块<代码>文档。准备好了吗<代码>窗口打开(“加载”)?您可以尝试使用图像,以便在滑块出现后仅显示这些图像。

很难判断我是否在live中看不到这些图像,也无法调试这些图像,但可能主div应该具有宽度和高度,display:block and overflow:hidden

我使用了多个owl,它们都是item:1,然后尝试这个document.ready和**window.on('load')。基本语法。我试图让它接近最初的意图,但我确实消除了一些冗余。