光滑的幻灯片 - 幻灯片位置问题



http://35.186.164.237

上面的页面底部几乎有一个光滑的幻灯片,并带有此配置:

$('.module-testimonials').not('.slick-initialized').slick({
    dots: true,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    autoplay: true,
    autoplaySpeed: 5000,
    adaptiveHeight: true,
    nextArrow: "<div class='right'><div class='icon-wrapper'><i class='fa fa-angle-right'></i></div></div>",
    prevArrow: "<div class='left'><div class='icon-wrapper'><i class='fa fa-angle-left'></i></div></div>"
});

在所有浏览器上,幻灯片的位置不正确。其中一个您看不到。:(

slick.js:http://kenwheeler.github.io/slick/

尝试用CSS

中添加的高度替换宽度
.module-testimonials img {
    /* width: 300px; remove this*/
    height: 245px;
}

最新更新