js 슬라이드 오류 이유를 못찾겠어영
본문
<script>
var img=document.getElementById("slide");
var imageArrey=["img/slid.png","img/slid1.png","img/slid3.png","img/emslogo%20(1).png"];
var imageIndex=0;
function changeImage(){
img.setAttribute("src",imageArrey[imageIndex]);
imageIndex++;
if(imageIndex>=imageArrey.length){
imageIndex=0;
}
}
setInterval(changeImage,1000);
</script>
---------------------------------------------------
html
<div class="main">
<ul>
<li><img src="img/slid.png" alt="#" width="650" id="slide"></li>
<li><img src="img/slid1.png" alt="" width="650"></li>
<li><img src="img/slid3.png" alt="#" width="650" ></li>
<li><img src="img/emslogo%20(1).png" alt="#" width="650"></li>
</ul>
요렇게 코드를 짯는데 슬라이드가 실행이 안되고 : Cannot read property 'setAttribute' of null
at changeImage라고 에러만 뜹니다.
오타도 찾아보고. 했는데 왜 값이 없다고 뜨는지 이해를 할 수 가 없네요 ㅠ 어쩌죠??
개발자 도구에서는 돌아가는 것은 확인이 됩니다~
슬라이더가 실행만 안되고 ㅠ
답변 3
var img=document.getElementById("slide"); 인데 아래에 html소스에는 해당 아이디를 가진게 없어보이네요 ul에 아디를 줘보세요.
img에 아이디를 준 상태였는데요..ul로 아이디를 다시 줘도 같은 상황이 발생 됩니다;;; 그래도 답변 남겨주셔서 감사합니다.
html코드 보다 자바스크립트가 먼저 나오니 문제가 생긴 겁니다
html코드 뒤쪽으로 이동하세요
그런데 첫번째 li태그내의 이미지를 변경하는데 두번째 세번째 li태그는 무슨 용도인가요?
li태그를 왜쓰시는지?
우선 답변이 늦어 죄송합니다 ㅎㅎ
이미지가 여러개라 li로 사용 하였는데요
li태그는 저 상황에서 사용하면 안되는건가요????