Which slider does preloader support?

Question

JavaScript

I use slick slider to show slides/banners. The problem is that when the page is loaded, all the slider images appear in a column for a second, and only after they are fully loaded, the slider is formed. Looks very untidy. How do you usually make a preloader for a slider that is first formed and only then displays images?

Answer 1

I advise you to just use jquery.imagesloaded
https://github.com/desandro/imagesloaded

Answer 2

Let me guess?

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

Assemble the slider right after loading the HTML code.

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