Sliceを用いてカルーセル実装
閲覧ありがとうございます。
H
像が下に表示されるだけでカルーセルできません。
https://www.youtube.com/watch?v=NTTOcMGURoI&t=158s
上記の方の仰っている通りにしてるはずなのですが
なぜできないのか、わかる方いましたら教えてほしいです。。。。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="fashon.css">
<link rel="stylesheet" href="slick.css">
<link rel="stylesheet" href="slick-theme.css">
</head>
<body>
<header>
<nav class="nav">
<ul class="menu-group">
<li ckass="nav li"><a href="#">NEW IN</a></li>
<li ckass="nav li"><a href="#">COLECTION</a></li>
<li ckass="nav li"><a href="#">LOOK BOOK</a></li>
</ul>
<img class="topimg"src="design-fashion.jpg" ait="topimg" title="ヘッダー画像">
<ul class="menu-group2">
<li ckass="nav li"><a href="#">OUR STORY</a></li>
<li ckass="nav li"><a href="#">NEWS</a></li>
<li ckass="nav li"><a href="#">STORES</a></li>
</ul>
</nav>
</header>
<ul class="slider">
<li><img class="topimg2"src="main-fashion.jpg" ait="HPトップ画像" title="トップ画像"></li>
<li><img class="topimg2"src="800_500_3-64-800x500.jpg" ait="HPトップ画像" title="トップ画像"></li>
</ul>
<article>
<img class="topimg3"src="design2-fashion.jpg" ait="HPトップ画像" title="トップ画像">
<img class="topimg4"src="design-fashion3.jpg" ait="HPトップ画像" title="トップ画像">
<h4><a href="#">discovery</a></h4>
</article>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" src="slick.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<script src="main.js"></script>
</body>
</html>
～～～～～～～～～～～～～～～～～～～～～～～～～～以下JSファイル
main.js
$('.slider').slick();
Q&A
