使用javascript图像carosel闪烁

我在一个根据用户输入显示卫星图像的网站上工作。输入由单选按钮和区域、卫星和日期等内容的下拉列表组成。我设置了JavaScript文件，这样当输入状态改变时，它就会搜索json文件。json包含有关图像的信息，如文件路径、图像名称等。所有与输入状态匹配的图像都放入slickjs图像转盘；不相关的被移除

所以我遇到的问题是，当图像从传送带交换时，在新图像出现在屏幕上之前会有一点闪烁。闪烁主要发生在第一次加载图像时。第二次通过图像之间的过渡看起来更平滑一些。我试着预加载可以在下一步使用

(new Image()).src = item

这有一点帮助，但闪烁仍然偶尔发生。有谁能告诉我如何完全修复眨眼的问题吗？

看看