인프런 커뮤니티 질문&답변
작성한 질문수
슬릭슬라이더가 왜 안되는지 모르겠습니다
작성
·
516
·
수정됨
1
현재 선생님 강의에서 테마를 변경해서 작업하고 있습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>다울건축사무소</title>
<!--jquery-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<!--Slick slider-->
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<!--Custom CSS & js -->
<link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="/resposive.css">
<script src="js/custom.js"></script>
</head>
<body>
<div class="container">
<!--section : header -->
<header>
<div class="header-inner">
<div class="logo">
<a href="#none">
<img src="/images/logo.png">
</a>
</div>
<div class="gnb">
<a href="#none">ABOUT</a>
<a href="#none">RPOJECTS</a>
<a href="#none">NEWS</a>
<a href="#none">CONTACT</a>
</div>
</div>
</header>
<!--section : home -->
<section class="home">
<div class="home-inner">
<ul class="imgbox">
<li class="item-bg" style="background-image: url(/images/강원대농업생명과학대학개축설계제안공모\(설계공모\ 당선\).jpg)">
<div class="text-area">
<h3 class="eng">강원대 농업생명과학대학 개축 설계제안 공모</h3>
<p>(설계공모 당선)</p>
</div>
</li>
<li class="item-bg" style="background-image: url(/images/서울대학교문화관재건축공사현상설계.jpg)">
<div class="text-area">
<h3 class="eng">서울대학교 문화관 재건축공사 현상설계</h3>
<p>(설계공모 당선)</p>
</div>
</li>
<li class="item-bg" style="background-image: url(/images/서울출입국·외국인청\(설계공모안\).jpg)">
<div class="text-area">
<h3 class="eng">서울출입국·외국인청</h3>
<p>(설계공모안)</p>
</div>
</li>
<li class="item-bg" style="background-image: url(/images/수성행복드림센터\(설계공모\ 당선\).jpg)">
<div class="text-area">
<h3 class="eng">수성행복드림센터</h3>
<p>(설계공모 당선)</p>
</div>
</li>
<li class="item-bg" style="background-image: url(/images/시화\ MTV\ 초중통합학교\(우수상\).jpg)">
<div class="text-area">
<h3 class="eng">시화 MTV 초중통합학교</h3>
<p>(우수상)</p>
</div>
</li>
<li class="item-bg" style="background-image: url(/images/시화mtv지하주차장\ \(설계공모\ 당선\).jpg)">
<div class="text-area">
<h3 class="eng">시화 MTV 지하주차장</h3>
<p>(설계공모 당선)</p>
</div>
</li>
<li class="item-bg" style="background-image: url(/images/양주아트센터건립공사.jpg)">
<div class="text-area">
<h3 class="eng">강원대 농업생명과학대학 개축 설계제안 공모</h3>
</div>
</li>
</ul>
</div>
</section>
<section class="about"></section>
<section class="award"></section>
<footer></footer>
</div>
</body>
</html>
/* Slick Slider : home */
$('.imgbox').slick({
rtl: true
});답변 1
0
코딩웍스(Coding Works)
지식공유자
전체 코드가 없어서 잘 모르겠지만 CDN 주소를 아래처럼 http:를 붙여주세요.
<!--Slick slider-->
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css
아래 cdnjs.com 에서 복사해서 해보세요.