var sArray = [ "img/aberia.jpg", "img/kanamemoti.jpg", "img/kinmokusei.jpg", "img/metasekoia.jpg", "img/yamaboushi.jpg" ]; var sImg = document.getElementById("sImg"); var sLi = document.querySelectorAll("#sUl li"); var i = 0; var slide; function fff(){ for(var j=0; j sArray.length - 1){ i = 0; sImg.src = sArray[i]; } fff(); sLi[i].className = "addC"; console.log(i) i++; } sFunc(); var prev = document.getElementById("prev"); var next = document.getElementById("next"); prev.addEventListener("click", function(){ if(i <= 0){ i = sArray.length; } i = i - 1; sImg.src = sArray[i]; fff(); sLi[i].className = "addC"; }); next.addEventListener("click", function(){ i = i + 1; if(i >= sArray.length){ i = 0; } sImg.src = sArray[i]; fff(); sLi[i].className = "addC"; }); function ddd(n){ fff(); sImg.src = sArray[n]; sLi[n].className = "addC"; i = n; }