平滑过渡期间图像损坏

Question

screenshot attached

我已经开发了一个WordPress网站，并且正在使用Slick JS轮播，从一个图像过渡到另一个图像时，出现闪烁的图像链接闪烁，然后加载图像。

我在网站上的其他位置都有滑块，它们没有模仿相同的错误。

下面是我的代码。

<?php if (have_rows('home_slider')): ?>
  <div class="homepage-photos-slick">
    <?php while (have_rows('home_slider')) : the_row(); ?>
      <?php 
        $image = get_sub_field('image');
      ?>
      <div class="slick-item">
        <div>
          <div class="lazy-loader"></div>
          <?php if(wp_is_mobile()) :?>
            <img data-lazy="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>">
          <?php else : ?>
            <img data-lazy="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>">
          <?php endif;?>
        </div>
      </div>
    <?php endwhile; ?>
  </div>
  <?php endif; ?>

下面的JS。

$('.homepage-photos-slick').slick({
 draggable: false,
 infinite: true,
 slidesToShow: 1,
 slidesToScroll: 1,
 fade: false,
 lazyLoad: 'ondemand',
});