I am new in JS. I need a loop to show 200 pictures to replace code like below: leftrightslide[0]= '<img src="images/1.jpg" border=1>' leftrightslide[1]= '<img src="images/2.jpg" border=1>' ... leftrightslide[199]= '<img src="images/200.jpg" border=1>' How to use for loop to do the job? for (i = 0; i <200; i++){ ... }
for (var i = 0; i < leftrightslide.length; i++) { document.write(leftrightslide[i] + '<br />'); } Code (javascript):
^^ That'd skip the first image since it starts from 1. I've tested my code and it works for me. EDIT: This is how I tested it. <script type="text/javascript"> leftrightslide = new Array(); leftrightslide[0]= '<img src="images/1.jpg" border=1>'; leftrightslide[1]= '<img src="images/2.jpg" border=1>'; leftrightslide[2]= '<img src="images/1.jpg" border=1>'; leftrightslide[3]= '<img src="images/2.jpg" border=1>'; leftrightslide[4]= '<img src="images/1.jpg" border=1>'; leftrightslide[5]= '<img src="images/2.jpg" border=1>'; for (var i = 0; i < leftrightslide.length; i++) { document.write(leftrightslide[i] + '<br />'); } </script> Code (javascript):
Actually, you can leave the array out at all. <script type="text/javascript"> for (var i = 0; i < 200; i++) { document.write('<img src="images/'+ i +'.jpg" border="1"><br />'); } </script> Code (javascript):