slickでスライダーにしたい

前提・実現したいこと

slickを使って2枚の画像をスライドさせたいです。

発生している問題・エラーメッセージ

エラーコードは出ていないのですが、2枚の画像が縦に並ぶだけで
スライダーになりません。

該当のソースコード

html

<head> <meta charaset="utf-8"> <title>Example</title> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.4/css/all.css"> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> </head> <body> ------中略------ <div class="slider"> <div><img src="img/kinki.png"></div> <div><img src="img/mainvisual.png" ></div> </div> ------中略------ <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="slick/slick.min.js"></script> </body>

外部jsファイル

$('.slider').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});