Estoy creando un sitio web para mi proyecto escolar. Quiero poner algunas fotos en una presentación de diapositivas, pero por alguna razón mi código no funciona. Aqui esta mi codigo

   <div class="row">
     <div class="col-md-12">
       <h3 class = "Contains">
          <script type = "text/javascript">
            var image1= new image()
            image1.src=images/truck1.png

            var image2= new image()
            image2.src=images/truck4.png

            var image3= new image()
            image3.src=images/truck7.png

          </script>
          <img src="images/truck1.PNG" name = "slide" width ="400" height ="400">

          <script>
            var step =1;

            function slideit(){
              document.images.slide.src=eval("image"+step+".src");
              if (step<3)
                step++;
              else
                step=1;

              setTimeout("slideit()", 2500);
            }

            slideit()
          </script>
     </h3>
</div>