JS for loop to cycle through images for html

[alvito]

Im using this code:



<div id="thumbScroller">
<div class="container">

<script type="text/javascript">
for(i = 13; i < 30; i++){
document.write('<div class="content">')
document.write('<div><a href="#"><img src="images/images/thumbs/' + i + '.jpg" alt="images/images/' + i +'.jpg" class="thumb" /></a></div>')
document.write('</div>')
}
</script>



</div>
</div>


it should work right? why doesnt it? the images dont pop up, but firebug shows that the html script is being populated with the images13-30

 

[mattseh]

are the image tags being written to the place in the DOM you think they are?

 

[CCarter]

Off the top of my head, it looks like you are missing all the semi-colons at the end of each line....

 

[dchuk]

semicolons aren't a hard requirement in Javascript, you can omit them and most code will still run exactly the same.

OP, post a link to your page you're working on so I can just look at the code directly

 

[CCarter]

The script works.... I tested it on a blank HTML page.

The problem is there is most likely another script running which overtakes it, since the 2nd script is running on load. Here is a link to the script, showing it runs:

Edit this Fiddle - jsFiddle