0
holder.jsの使用ではスワイパーの高さが間違っています。これはおそらく、Swiperがholder.jsの前に/同時に実行されているためです。最初にholder.jsを実行して、swiperが正しいイメージの大きさを認識している必要があります。 シンプルなソリューションはありますか?スワイパーwith 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: {
}
}
});
});