Swiper: Fade Effect with Lazyload breaks

Created on 21 Nov 2016  路  3Comments  路  Source: nolimits4web/swiper

Hi,
i'm using the latest Swiper Version. I have two Slides that should crossfade using Lazyloading.
But somehow the Transition breaks with Lazyloading.
After all Images are loaded the Transition than works well.

Demo: http://eee-ltd.com/_proto2/

HTML:

`<div class="header__swiper swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="swiper__text">Begin Your Search <span class="swiper__text--color">Today</span></div>
        <div class="swiper__image swiper-lazy" data-background="userimages/desktop.jpg">
          <div class="swiper-lazy-preloader"></div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="swiper__text">This is a longer Demo Text <span class="swiper__text--color">with Color</span></div>
        <div class="swiper__image swiper-lazy" data-background="userimages/desktop-1.jpg">
          <div class="swiper-lazy-preloader"></div>
        </div>
      </div>
    </div>
  </div>`

JS

`function swiperHeader() {
    swiperHeader = new Swiper('.header__swiper', {
      effect: 'fade',
      preloadImages: false,
      lazyLoading: true,
      autoplay: 8000,
      speed: 1000,
      loop: true
    });
 }`

Most helpful comment

Still happening with 3.4.2. Is this issue ever going to get fixed?

All 3 comments

Still happening with 3.4.2. Is this issue ever going to get fixed?

Issue is closed because of outdated/irrelevant/not actual/needed more information/inactivity.

If this issue is still actual and reproducible for latest version of Swiper, please create new issue and fill the issue template correctly:

  • Clearly describe the issue including steps to reproduce when it is a bug.
  • Make sure you fill in the earliest version that you know has the issue.
  • Provide live link or JSFiddle/Codepen or website with issue

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

QJan84 picture QJan84  路  3Comments

voodoo6 picture voodoo6  路  3Comments

danielcpereira11 picture danielcpereira11  路  4Comments

chansecampbell picture chansecampbell  路  3Comments

nicolebo picture nicolebo  路  3Comments