javascript - 原生js：焦点图片通过修改css样式实现，需要隔大概5s的时间才出来焦点图片，有什么可能的原因造成的？

Question

链接描述

这是模仿airbnb首页的图片fadeIn、fadeOut效果，通过设置class的样式实现的，但是为什么每次都需要等好一会儿才开始整个的图片渐进渐出的效果，希望实现的效果是一打开页面就能开始图片的轮播。

虽然进行了js调试，但还是找不到原因，请各位大大赐教。