Problems with slick initialization

slick.js
html structure
< div id= "slick" >

< / div >
call

in JS

$("- sharpslick"). Slick ({})

however, since the three images are written in html, you will see that the three images do not have the appearance of rotation before calling slick initialization (the pictures are all 100% width when taken vertically). It will take a while for initialization to complete before the rotation is formed. How to avoid this situation?

Mar.01,2021

my previous approach was to limit the height of the outer element and set overflow:hidden. Can solve the display problem

Menu