Elementor Pro Slick js 图像延迟显示

时间:2021-04-28 03:05:10

标签: jquery css wordpress slick.js elementor

我在 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,
  });
});

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

0 个答案:

没有答案