Как избежать загрузки элементов карусели в виде списка на странице build

Question

Я работаю над макетом для клиента, который включает в себя карусель значков продуктов в верхней части каждой страницы, идея, что посетители могут перейти в этот раздел сайт с карусели. Однако при загрузке страницы значки изначально отображаются в виде списка, пока не будет установлено место после того, как страница будет выполнена.

Я пробовал такие вещи, как настройка отображения на none, а затем с помощью javascript, чтобы показать его, когда страница загрузилась, а также после инициализации карусели, но это, похоже, не работает.

Понятно, что проблема ухудшается, поскольку страница ниже усложняется. Любые яркие идеи о том, что попробовать?

Страница использует JQuery & Загрузочный лоток с Slick.js для карусели.

Вот пример страницы из макета: http://www.webeditors.co.uk/se/course.php

Answer 1

Вы можете добавить SetTimeout() для карусели, а затем отображать изображения с style.display = «блок» или снимающего класс «скрыть» после тайм-аута.

Я не знаю, как вы стиль иконы, но не могли бы вы их стиль с UL и плывут ЛИС

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

li { 
    float: left; 
} 

Таким образом, они должны быть на месте, когда страница загружается. CSS быстрее, чем JS.