slickで画像にリンクをつける方法

こんにちは！
今日はjQueryで簡単に画像スライダーが実装できるプラグインslickについて、「npmインストールでつまづいた所」と「画像にリンクをつける方法」をお伝えしたいと思います！

npmでslickをインストールしたい

まずnpmでインストールするとき、つい公式ページを確認せずnpm i slickと打ちがちですが、これだとjQueryプラグインのslickは使えません！npm i slick-carouselでインストールしましょう！

画像にリンクをつける方法

画像リンクは<ul>の外に付けても意味ありませんでした。通常の画像リンクを実装するように<img>を囲うように付けましょう。

index.html

<ul class="slider">
  <li><a href="hogehoge"><img src="img.jpg" alt="" class="slider-img"></a></li>
  <li><a href="hogehoge"><img src="img.jpg" alt="" class="slider-img"></a></li>
</ul>

リンク