Hi i'm a beginer in javascript, i'm trying to change background Imgage css style but i have this error: Failed to load resource: the server responded with a status of 404 (Not Found).

 <div id="slide"></div>

css

#slide{
     background-repeat: no-repeat;
    background-size: 93%;
    position: absolute;
    right: 1%;
    top:25%;
    height: 70%;
    width: 44%;
    overflow: hidden;
}

JC

var i = 0;      
var images=[];
var slide = document.getElementById("slide");
var time = 3000;
     
images[0] = '../image/1.jpg';
images[1] = '../image/2.jpg';
images[2] = '../image/3.jpg';
images[3] = '../image/4.jpg';
images[4] = '../image/5.jpg';
images[5] = '../image/6.jpg';
images[6] = '../image/7.jpg';

function changeImg(){
    slide.style.backgroundImage = "url('images[i]')";

    if(i < images.length - 1){
    
      i++; 
    } else { 
    
        i = 0;
    }


    setTimeout("changeImg()", time);
}

window.onload=changeImg;