Javascript can't change html scr : <p>So im creating an automatic slide show, but for some reason, I can get js to change my img scr to the images in the array I have. </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
			var i= 0; // starting image
			var images= []; //image array empty-array
			var time= 2000; //2 sec time interval
			
			//image list for image array
			images[0] = 'image_1.png'; //image array starting image 
			images[1] = 'image_2.png';
			images[2] = 'image_3.png';
			
			//change image function
			function changeImg(){
				document.getElementById("imagess").scr = images[i]; //changes image on html side
				
				if(i &lt; images.length-1){ //if var i is less then the length of the array add one, length -1 because array list start with 0 and ends with 2. 
					i++;
				} else{ // if var is more the array length set it back to 0 to start the slide again
					i = 0;
				}
				
				setTimeout("changeImg()", time);// the amount of time before the function run if statment 
			}
			
			window.onload = changeImg; //when sites loads run script
		
		&lt;/script&gt;</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>				&lt;div class="image"&gt; &lt;!--main image --&gt;
					&lt;img id="imagess" src="#" alt="HAL Phone Icon" &gt;
				&lt;/div&gt; &lt;!--closing image --&gt;</code></pre>
</div>
</div>
</p>
