-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
project-photo질문입니다!
21.01.22 21:24 작성 조회수 142
1
custom.js 파일에서
$('.project-photo').slick({
dots: true,
( 이부분에 true로 설정했는데 도트가 왜 안 보이나요?? )
})
반응형 웹사이트 포트폴리오(Architecture Agency)
PC 레이아웃 섹션 상세 퍼블리싱(Project Section) - #06(Slick.js 이미지 슬라이더)
강의실 바로가기
답변을 작성해보세요.
1
코딩웍스(Coding Works)
지식공유자2021.01.22
일단 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
답변 2