Slick: Images are visible before slik is initialized

[hoghamburg]

We initialize slick after the DOM has been completely loaded.
This leads to the fact that the slides are visible for half a scond before slick is started.
Is there a way to prevent that? Can I load images/slides but hide them until the slideshow is started?

Thanks

[asimonok]

Make the slider initially invisible in styles. And on the class .slick-initialized add the property display of the block
Example:

Javascript

$('.slick-carousel').slick({

})

CSS:

.slick-carousel{
  display: none;
}
.slick-carousel.slick-initialized{
  display: block;
}

[hoghamburg]

Hi Alex,

just what I was looking for. Works great!

Thank you.
Holger

+++++++++++++++++++++++++++++++++++++++++++++++++
SitePepper Websolutions
Holger Grabowsky
Schlüterstrasse 64
20146 Hamburg
Tel: 040 - 44 50 60 80
Fax: 040 - 44 50 60 71
Email: [email protected]
+++++++++++++++++++++++++++++++++++++++++++++++++

From:      
 Alex Simonok [e-mail]
To:      
 kenwheeler/slick [e-mail]
Cc:      
 hoghamburg [e-mail],
Author [e-mail]
Date:      
 07.03.2017 10:45
Subject:    
   Re: [kenwheeler/slick]
Images are visible before slik is initialized (#2781)

Make the slider initially invisible in styles. And on
the class .slick-initialized add the property display of the block
Example:
Javascript
$('.slick-carousel').slick({
 
})

CSS:
.slick-carousel{
 display: none;
}
.slick-carousel.slick-initialized{
 display: block;
}

—
You are receiving this because you authored the thread.
Reply to this email directly, view
it on GitHub, or mute
the thread.

[leggomuhgreggo]

dup