인프런 커뮤니티 질문&답변
작성한 질문수
project-photo질문입니다!
작성
·
216
답변 2
1
일단 CSS와 슬릭 js 파일 그리고 제이쿼리 파일이 링크되었는지 확인해주세요.
아래 코드로 확인해보세요.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="slick/slick.css">
<link rel="stylesheet" href="slick/slick-theme.css">
<script src="slick/slick.min.js"></script>
<style>
.myslider {
border: 5px solid royalblue;
width: 600px;
margin: auto;
}
.myslider div {
border: 1px solid #000;
height: 200px;
}
</style>
</head>
<body>
<div class="myslider">
<div>01</div>
<div>02</div>
<div>03</div>
<div>04</div>
<div>05</div>
<div>06</div>
<div>07</div>
<div>08</div>
<div>09</div>
<div>10</div>
<div>11</div>
<div>12</div>
</div>
<script>
$('.myslider').slick({
dots: true
});
</script>
</body>
</html>
0
