我在 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,
});
});
如果有人能提供帮助,我将不胜感激。