slick.jsをCDNで読み込む

slick cdnSlick


スライダーを簡単に作成できる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種類紹介

コメント

タイトルとURLをコピーしました