0

holder.js の使用で Swiper の高さが間違っています。これはおそらく、Swiper が holder.js の前/同時に実行されるためです。swiper が正しい画像サイズを認識できるように、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: {

            }
          }
      });

});
4

1 に答える 1

1

Swiper でカルーセルを作成する前に、 を追加しHolder.run()ます。これにより、内部の「DOM Ready」ハンドラーが呼び出される前に、Holder にプレースホルダーを強制的にレンダリングさせます。

于 2016-05-25T16:51:41.133 に答える