Как сделать чтобы slic слайдер подгружался готовым узлом DOM?

Question

[Иван]

При загрузке страницы slic слайдер как бы собирается мелькает. Может кто-то сталкивался. Подскажите плз как сделать чтобы он не мелькал при загрузке

https://torgostrov.ru/test/

Коротенький видосик

https://disk.yandex.ru/i/GbNeTEVpCb-lHA

Comments

[Danny Arty]

Имхо проще добавить прелоадер на сайт. Примеров реализации в интернете много

Answer 1

[Stanislav]

<div id="slider" class="slider" style="visibility: hidden;">
//
</div>

window.addEventListener('load', function() {
  var slider = document.getElementById('slider');
  slider.style.visibility = 'visible';
});

Comments

[Иван]

Вроде все супер спасибо

Answer 2

[Сергей delphinpro]

ну как вариант

.slick-slider:not(.slick-initialized) {
  opacity: 0;
}

Comments

[Иван]

Как-то жестко надо походу чтобы сначала все создавалось (div) , подгонялось ничего не мелькало ) Скрыть конечно тоже вариант норм, Спасибо, но мне кажется еще есть способы не скрывая. Я еще фото конечно буду оптимизировать и они будут сразу определенных размеров создаваться, но мелькают получается див контейнеры слика с фото