Javascript 슬라이드 만들기 중에 style 적용이 안돼요
조회수 386회
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="JS.js"></script>
</head>
<body>
<link rel="stylesheet" href="CSS.css">
<div class="slide_wrapper">
<ul class="slides">
<li><img src="1.jpg" alt=""></li>
<li><img src="1.jpg" alt=""></li>
<li><img src="1.jpg" alt=""></li>
<li><img src="1.jpg" alt=""></li>
<li><img src="1.jpg" alt=""></li>
<li><img src="1.jpg" alt=""></li>
<li><img src="1.jpg" alt=""></li>
<li><img src="1.jpg" alt=""></li>
</ul>
</div>
<p class="controls">
<span class="prev">prev</span>
<span class="next">next</span>
</p>
</body>
</html>
var slides = document.querySelector('.slides'),
slide = document.querySelectorAll('.slides li'),
currentIdx = 0,
slideCount = slide.length,
prevBtn = document.querySelector('.prev');
slideWidth = 300,
slideMargin = 30,
nextBtn = document.querySelector('.next');
slides.style.width = (slideWidth + slideMargin)*slideCount - slideMargin + 'px';
검사해보면 바로 위의 slides.style.width =
이 부분이 오류뜨는데 왜 그런건지 모르겠어요.
유투브 강의에서는 <ul>
태그에 style이 들어가야 하는데 전 오류뜨고 style 속성이 안들어가요..
-
(•́ ✖ •̀)
알 수 없는 사용자 - 〉
댓글 입력