slick初始化的问题

Question

轮播用了slick.js
html结构
<div id="slick">
<img src="1.png"><img src="2.png"><img src="3.png">
</div>
在JS中调用

$('#slick').slick({})

但是由于三张图片是写在html中，在调用slick初始化前会先看到三张图片未形成轮播的样子（三张图片竖直拍下来图片都是100%宽度），等过了一阵子初始化完成后才形成轮播，如何避免这种情况？

Answer 1

我之前的办法是限制了外层元素的高度，同时设置overflow:hidden。能解决展示问题