如何避免轮播项目作为页面构建列表加载

Question

我正在为客户设计一个布局，其中包括每页顶部的产品图标轮播，这个想法是访问者可以从轮播跳转到网站的该部分。但是，在加载页面时，图标最初显示为列表，直到页面完成后卡入到位。

我尝试过将显示设置为无，然后使用javascript在页面加载时以及在轮播初始化之后显示，但这似乎不起作用。

可以理解，随着下面的页面变得越来越复杂，问题越来越严重。关于尝试什么的任何明智的想法？

该页面使用Jquery＆amp;用于旋转木马的Slick.js的Bootstrap。

以下是布局中的示例页面：http://www.webeditors.co.uk/se/course.php

Answer 1

您可以为轮播添加setTimeout（），然后使用style.display =＆＃34; block＆＃34;显示图像。或删除＆＃34;隐藏＆＃34;超时后的课程。

我不知道你是如何设计图标的，但是你可以用UL设计它们并漂浮LIs

<ul>
    <li><img><li>
    <li><img><li>
</ul>

li {
    float: left;
}

这样，当页面加载时它们应该就位。 CSS比JS快。