need help to finish a loop

Discussion in 'JavaScript' started by aspfun, Dec 30, 2006.

  1. #1
    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++){

    ...

    }
     
    aspfun, Dec 30, 2006 IP
  2. nico_swd

    nico_swd Prominent Member

    Messages:
    4,153
    Likes Received:
    344
    Best Answers:
    18
    Trophy Points:
    375
    #2
    
    
    for (var i = 0; i < leftrightslide.length; i++)
    {
        document.write(leftrightslide[i] + '<br />');
    }
    
    
    Code (javascript):
     
    nico_swd, Dec 30, 2006 IP
  3. aspfun

    aspfun Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you. But your code did not change image file name as 1.jpg, 2.jpg...200.jpg.
     
    aspfun, Dec 30, 2006 IP
  4. ccoonen

    ccoonen Well-Known Member

    Messages:
    1,606
    Likes Received:
    71
    Best Answers:
    0
    Trophy Points:
    160
    #4
    for(x=0; x<200; x++) {
    document.write(leftrightside[x+1]);
    }
     
    ccoonen, Dec 30, 2006 IP
  5. nico_swd

    nico_swd Prominent Member

    Messages:
    4,153
    Likes Received:
    344
    Best Answers:
    18
    Trophy Points:
    375
    #5
    ^^ 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):
     
    nico_swd, Dec 30, 2006 IP
  6. nico_swd

    nico_swd Prominent Member

    Messages:
    4,153
    Likes Received:
    344
    Best Answers:
    18
    Trophy Points:
    375
    #6
    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):
     
    nico_swd, Dec 31, 2006 IP
  7. AoaoSo

    AoaoSo Peon

    Messages:
    61
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    for(i=0; i<leftrightside.length; i++) {
    document.write(leftrightside[i+1]);
    }

    is better.
     
    AoaoSo, Dec 31, 2006 IP