Swiper lazy problem (jsfiddle included)

Hello!
How can I run preloader for new slides? This works well for starting slides, but for new ones I don’t get preloader. Any ideas?

My code: https://jsfiddle.net/testideah/1Lbvsyha/24/

i dont know if this is a good solution, but add the fully rendered preloader

 <div class="preloader">
  <span class="preloader-inner">
    <span class="preloader-inner-gap"></span>
    <span class="preloader-inner-left">
        <span class="preloader-inner-half-circle"></span>
    </span>
    <span class="preloader-inner-right">
        <span class="preloader-inner-half-circle"></span>
    </span>
  </span>
</div>

eg:

jsfiddle

1 Like

Thank you, but It will not work properly - the download indicator will not disappear after

Try by manually removeing it.

lazyImageReady: function (slideEl) {
  if($$(slideEl).find('.preloader').length) $$(slideEl).find('.preloader').remove()
},

New Jsfiddle

1 Like

You helped me! Your code works fine! Thank!

1 Like