おしごと

slick.jsを使ってレスポンシブrows2行→rows1行にするとき詰んだメモ

お仕事でカルーセル実装時に超超超便利なカルーセルがすぐ作れるプラグイン「slick.js」を使いました。
その時にやりたいことがなかなかできなくて詰んだのでメモ。

slickバージョン:1.8.1

結論

「slick.min.js」じゃなくて「slick.js」を読み込んだらうまくいった。

えぇ、そんなことある???と思った。
記述が間違ってるのかと思ったけど間違ってなかったっぽい。多分。

なんでだろうslick.min.jsの方では何か足りないんだろうか。

やりたかったこと

1000px以上(PC閲覧時)の時は2行カルーセル表示、700px以下(スマホ閲覧時)の場合は1行カルーセル表示をしたかった。

PC閲覧時

スマホ閲覧時

コード

slick.min.jsを読み込んでた時はこれでうまくいかずとても時間を使いました。slick.jsに変更すると解決。

ABOUT ME
ユイ
ユイ
ナルシストインドアプログラマ 全日本ショートカット女子協会会長