slickが実装できない

Question

jqueryプラグインであるslickを使用して
画像がスライドするように実装したいのですが反映されず、理由が分かりません。
読み込み方はこれで合っていますでしょうか。。。
凡ミスだったらすみません。。。

ちなみにiPadでコードをかいています。

ファイル名
slick.topimage.js

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="style.css">

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
<script type="text/javascript" src="slick.topimage.js"></script>

$(function(){
  $('.top-image').slick({
    accessibility: true,
    autoplay: true,
    autoplaySpeed: 1000,
    dots: true,
    fade: true,
  });
});

Answer 1

提示された$('.top-image').slickを書いたファイルがslick.topimage.jsなのだとしたら、slick自体のファイルが読み込まれていません。
slick.min.jsをslick.topimage.jsにファイル名を書き換えたのだとすれば、$('.top-image').slickを書いたファイルが読み込まれていません。

<script type="text/javascript" src="slick/slick.min.js"></script>
<!-- ダウンロードした上でファイルパスは環境に合わせて指定してください -->

【slick - the last carousel you'll ever need】
https://kenwheeler.github.io/slick/#getting-started