My slideshow is not working, can someone help me understand what I am missing please

#1

!DOCTYPE html>

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>Navbar </title>

        <meta name="description" content="">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="styles.css">

    </head>

    <body>

        <header>

            <img class="logo" src="_images/logo.png" alt="logo">

                <nav>

                    <ul class="nav_links">

                        <li><a href="#">Services</a></li>

                        <li><a href="#">Projects</a></li>

                        <li><a href="#">About</a></li>

                    </ul>

                </nav>

                <a class="cta" href="#"><button>Contact</button></a>

        </header>

    </body>

    <body>

        <div class="container">

            <script>

              var i = 0; //start point

              var images = [];

              var time = 3000;

              

              //image list

              images[0] = 'image1a.jpg';

              images[1] = 'image1b.jpg';

              images[2] = 'image2a.jpg';

              images[3] = 'image2b.jpg';

              

              //change image

              function changeImg(){

                document.slide.src = images[i];

                

                if(i < images.length - 1 ) {

                  i++;

                } else {

                  i = 0;

                }

                

                setTimeout("changeImg()", time);

              }

              

              window.onload = changeImg;

            </script>

            

            <img name="slide" width="100%" height="200">

        </div>    

    </body>

</html>

thank you all for you help!

#2

the first parameter of the fun – setTimeout not a string,retry it

#3

thank you for the reply Qui, can you explain a little more, I’m very new to writing code.
also if its any help, the border flashes like its transitioning from pic to pic, but it shows the broken pic symbol in the top left of the border.

#4 
<script>
			var i = 0; //start point
			var images = [];
			var time = 3000;
			//image list
			images[0] = 'image1a.jpg';
			images[1] = 'image1b.jpg';
			images[2] = 'image2a.jpg';
			images[3] = 'image2b.jpg';
			//change image
			function changeImg() {
				document.slide.src = images[i];
				if (i < images.length - 1) {
					i++;
					console.log(i);
				} else {
					i = 0;
					console.log(i);
				}
				setTimeout(changeImg, time);
			}
			window.onload = changeImg;
		</script>

hah ok goodnight

#5

two body tag in this code.if img shows broken pic ,please
Change src to a relative path

#6