slickのコードを入れても動作しない
プログラミング初心者です。
slickを使いたいのですが、slckをダウンロードしてコードを入れても
画像がスライドしてくれません。
動画を見たりサイトを調べたりして色々試したのですが動作してくれません。
どこが原因なのかわかる方いたらお願いたします。
該当のソースコード
ソースコード
HTML
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF8"> <title>slick</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/slick-theme.css"> <script src="js/jquery-3.5.0.min.js"></script> <script src="js/slick.min.js"></script> <script src="js/app.js"></script> <link href="https://use.fontawesome.com/releases/v5.9.0/css/all.css" rel="stylesheet"> </head> <body> <!-- ヘッダー始まり--> <header> </header> <!-- ヘッダー終わり--> <ul class="slider"> <li><img src="imge/slid1.jpg"></li> <li><img src="imge/slid2.jpeg"></li> <li><img src="imge/slid3.jpg"></li> <li><img src="imge/slid3.jpg"></li> </ul> <!-- wrapper始まり--> <div id="wrapper"> </div> <!-- wrapper終わり--> <!-- フッター始まり--> <footer> </footer> <!-- フッター終わり--> </body> </html>jquery
$(function(){
$('.slider').slick();
})
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
>プログラミング初心者です。
「初心者アイコン」を質問に付けられるのでそちらを利用してください。
タイトルや本文にわざわざ書く必要はありません。
コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
コードを載せる時はこうするのですね。
ありがとうございます。
念のため、質問は編集できます。
「マークダウン」についてはヘルプページも参考にしてください。
読みやすい工夫や配慮がしてある質問は回答もつきやすいです。
3-7. markdownを利用しましょう
https://teratail.com/help/question-tips#questionTips3-7
結果(実際に起きたこと)を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-1
エラーメッセージや実行ログをコピー&ペーストしましょう
https://teratail.com/help/question-tips#questionTips3-4-2