배경을 4개로 둬서 일정시간이 지나면 순서대로 배경이 하나씩 나타나게 하는것인데
본문
<!--뒷 배경-->
<div id="back">
<ul>
<li><img src="./img5/visual_img_0.jpg"></li>
<li><img src="./img5/visual_img_1.jpg"></li>
<li><img src="./img5/visual_img_2.jpg"></li>
<li><img src="./img5/visual_img_3.jpg"></li>
</ul>
</div>
여기 배경인데 setinterval로 어케 구현해야 하나요??
답변 1
<script>
var image_index = 0
function changeback() {
var urlString = 'url(./img5/visual_img_' + image_index + '.jpg)';
document.getElementById(back).style.backgroundImage = urlString;
image_index++;
if (image_index == 4) image_index = 0;
}
changeback(); //처음 0번째 이미지를 배경으로
setInterval("changeback()", 5000); //5초마다 배경바뀜
</script>
이런식으로 하면 되지 않을까 싶은데요^^
답변을 작성하시기 전에 로그인 해주세요.