2016-05-25 9 views
0

In der Verwendung von holder.js ist die Höhe der Swiper falsch. Dies liegt wahrscheinlich daran, dass Swiper vor/gleichzeitig holder.js ausgeführt wird. holder.js muss zuerst durchgeführt werden, damit swiper die korrekten Bildmaße kennt. Gibt es eine einfache Lösung?Swiper mit holder.js

$(document).ready(function() { 

// ============================================= 
// CAROUSEL (Swiper) 
// ============================================= 

     // Hero Carousel 
     // - - - - - - - - - - - - - - - - - - - - - 

     var heroCarousel = new Swiper('.swiper-hero', { 
      keyboardControl:true, 
      autoplay: 3000, 
      autoplayDisableOnInteraction: false, 
      autoHeight: true, 
      pagination: '.swiper-hero-pagination', 
      loop: true, 
      simulateTouch: false, 
      paginationClickable: true, 
      slidesPerView: 1, 
      nextButton: ".swiper-hero-r", 
      prevButton: ".swiper-hero-l", 
      breakpoints: { 
      544: { 

      }, 
      992: { 

      }, 
      1200: { 

      } 
      } 
     }); 

}); 

Antwort

1

Bevor Sie das Karussell mit Swiper erstellen, fügen Sie Holder.run() hinzu. Dies zwingt Holder, Platzhalter zu rendern, bevor der interne "DOM ready" -Handler aufgerufen wird.

Verwandte Themen