ローカル環境で、slickを利用しWEBサイトにカルーセルを実装したいのですが、4枚の画像が表示されるだけでうまくいきません。
外部のパスや画像の読み込みにミスはありません。
1つ気になる点として、Atomで記述しているのですが、htmlファイルの<scrypt></scrypt>内にJQueryを記述しても色分けが反映されないという点です。(外部ファイルに記述して読み込んでも動かないのですが。)
かなり時間を費やしてしまい、どこが間違っているのか分からず困っています。
下記のどの部分をどうしたら良いのか教えてください。
HTML部分
<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> </head> <body> <div class="slider"> <div><img src="1.jpg" ></div> <div><img src="2.jpg" ></div> <div><img src="3.jpg" ></div> <div><img src="4.jpg" ></div> </div> </body> <script src="〜パス名〜"></script>
外部JS部分
$(document).ready(function(){ $('.slider').slick({ }); })