カルーセルライブラリslick

カルーセルの王道ライブラリ
↓具体的な使い方やデモは本家のサイトから
slick - the last carousel you'll ever need - Ken Wheeler

高さが変わってしまう場合は・・・

scss

$slick-height: 90px;
$slick-width: 288px;

.multiple-items{
    width: $slick-width;
    height: $slick-height;
    margin: 0 auto;
}
.slick-list,
.slick-track{
    width: $slick-width;
    height: $slick-height;
}

矢印の色は・・・

scss

.slick-prev:before,
.slick-next:before{
    color: skyblue;
}

矢印をオリジナルの画像にする場合は・・・

scss

.slick-arrow{
    &:before{
        opacity: 0;
    }
}
.slick-next{
    background-image: url(../img/arrow_right.png);
}
.slick-prev{
    background-image: url(../img/arrow_left.png);
}

参考
レスポンシブに強いカルーセルスライダーslickの使い方
【jQuery】レスポンシヴにも対応したクオリティの高いカルーセル・スライダー［slick］の使い方。