SlickのcenterModeで中央に2枚配置する方法｜toyaスライダーを作成するためのプラグイン「slick」のcenterModeを使って、実装イメージのように中央に2枚配置し、画像の余白を不均等にすることが一筋縄ではいかなかったので、その備忘録です。 <実装イメージ> 1.問題点・centerModeでは中央に配置する枚数は奇数値推奨。 ・centerModeでは画像間の余白は均等になるようになっている。 ・中央配置された時に付与されるclass、slick-active / slick-center / slick-currentを余白の調整に活用したいが、スライドが切り替わった後に付与されるため、見た目の調整はできるがスライドがガタつく。 ※コールバック関数「beforeChange」との組み合わせもチャレンジしてみましたが、部分的にガタつく... 2.解決策と実装サンプル#2-1.centerModeを使用するための基本設定「slick」
