Slick：横にスクロールできてしまう意図しない挙動について

Question

Slickを導入し、3つのimgタグ要素を切り替えたい

jQuery初心者です。
大変初歩的な間違えをしているのではないかと思うのですが、どうしても解決できませんでした。
横にスクロールさせなければ、きちんと画像が切り替わるように動くのですが。。。さすがに見栄えが悪いので、どなたかお救いください。

実装したページ上で意図せず横スクロールができてしまう。

(やりたいこと)：imgタグで指定した3つのjpgファイルをスライドさせる
(起こっていること)：実装したページ上で意図せず横のスクロールができて、3つのファイルが横並びになってしまう。

該当のソースコード

$(function(){
  $('.slide_wrapper').slick({
    autoplay:true,
    autoplaySpeed:5000,
    arrows: false
  });
});

<div class="slide_wrapper">
    <img class="fixed-bg" src="images/image1.jpg">
    <img class="fixed-bg" src="images/image2.jpg">
    <img class="fixed-bg" src="images/image3.jpg">
</div>

.fixed-bg {
  width: 100%;
  height: 93vh;
  object-fit: cover;
}

どうぞよろしくお願いいたします。

Answer 1

おそらく原因は以下のいずれかです。

• slick.css(slick.min.css)を読み込んでいない
• slick.css(slick.min.css), slick.js(slick.min.js)ではなくslick-theme...を読み込んでいる

ちなみに当方環境では問題は発生しませんでした。（iPadの左右スワイプ）

Comments

[Kotolog_shun]

ありがとうございます！slick-themeを読み込んでいました。。。。

[kyoya0819]

解決したようで何よりです。