スライダーを簡単に作成できるslick.jsのCDNのタグをまとめています。
CSSも入ってるのでレイアウトも矢印やドットも簡単に作れます。
JQueryのCDNも載せています。
<!--------------------CSS------------------------------------------------------------------------------------------>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css">
<!---------------------------------------------------------------------------------------------------------------- >
<!--------------------jQuery----------------------------------------------------------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!------------------------------------------------------------------------------------->
<!-------------------JS---------------------------------------------------------------->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<!------------------------------------------------------------------------------------->
slick.jsを用いたスライダーの実装方法はこちらの記事に残しています。
slick.jsでシンプルなスライダーを実装する方法【たった4ステップです】
また、下記ではslick.jsで実装できる様々なスライダーを紹介しているので興味があればご参考ください！
slick.jsでよく作るスライダーを10種類紹介
コメント