Elementor Pro Slick js 图像延迟显示

如何解决Elementor Pro Slick js 图像延迟显示

我在 wordpress 网站的英雄部分使用了 slick js。但是，每当我从第一张幻灯片反向滑动到最后一张幻灯片时，最后一张幻灯片的图像会延迟显示，直到半秒后才显示。

这是我正在开发的网站： https://shop.jerrychen.io

正如您在网站上看到的那样，每当滑块从第一张幻灯片反向滑动到最后一张幻灯片时，最后一张幻灯片的图像保持与第一张相同，然后稍后更改为自己的图像.

该网站是使用 Elementor Pro 页面构建器创建的。我创建了一个帖子部分，并通过设置其 CSS 类将其转换为一个光滑的 js 滑块：'.hero-container .elementor-slick-slider'。

流畅的 js 滑块初始化：

jQuery(document).ready(function(){
  jQuery('.hero-container .elementor-posts').slick({
    autoplay: true,infinite: true,slidesToShow: 1,slidesToScroll: 1,arrows: true,dots: true,});
});

如果有人能提供帮助，我将不胜感激。