Какой слайдер поддерживает preloader?

Question

[Павел Гоголинский]

Для показа слайдов/банеров использую slick slider. Проблема в том, что при загрузке страницы возникает секундное появление всех картинок слайдер в столбик, и только после их полной загрузке формируется слайдер. Выглядит очень неопрятно. Как вы обычно делаете preloader для слайдера, который сначала формируется, а только потом отображает картинки?

Comments

[Zhainar]

как вариант слайды можно догрузить после загрузки страницы.

Answer 1

[Михаил]

Советую просто использовать jquery.imagesloaded
https://github.com/desandro/imagesloaded

Answer 2

[Виталий Инчин ☢]

Дайте угадаю?

$(document).ready(function(){
    $(...).slick(...);
});

Собирайте слайдер прямо после загрузки HTML-кода.

<div id="slider">...</div>
<script type="text/javascript">
$("#slider").slick(...);
</script>

Comments

[Павел Гоголинский]

Джейквери тогда в хедере подключать?

[Виталий Инчин ☢]

Павел Гоголинский: так точно

[Павел Гоголинский]

Оверфлоу будет лучше прописать контейнеру со слайдеров, чем в хедере тянуть джейквери, да еще и слик сам.

[Виталий Инчин ☢]

Павел Гоголинский: не люблю, когда страница прыгает после загрузки, но дело ваше.