光滑的滑动 - 滑动位置问题

时间:2017-09-04 06:20:12

标签: javascript css slick.js

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/

1 个答案:

答案 0 :(得分:0)

尝试使用在css中添加的高度替换宽度

.module-testimonials img {
    /* width: 300px; remove this*/
    height: 245px;
}