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%宽度），等过了一阵子初始化完成后才形成轮播，如何避免这种情况？