Using AJAX to insert HTML images

Using AJAX to insert HTML images

I have a web page that has images hard coded in HTML that I want to make dynamic so that I will not have to enter new HTML every time I have new images.  An example of the page is  here.  A very simplified version can be seen  here.

In reading "jQuery in Action", it appears that Loading Content would be a way to insert in the simplified version above the lines

  1.       <a href="images/5566_120512_b.jpg" title="Filler images only"><img src="images/thumb/5566_120512_s.jpg" alt="Filler images only"/></a>
  2.       <a href="images/5571_120512_b.jpg" title="Filler images only"><img src="images/thumb/5571_120512_s.jpg" alt="Filler images only"/></a>
  3.       <a href="images/5572_120512_b.jpg" title="Filler images only"><img src="images/thumb/5572_120512_s.jpg" alt="Filler images only"/></a>
  4.       <a href="images/5578_120512_b.jpg" title="Filler images only"><img src="images/thumb/5578_120512_s.jpg" alt="Filler images only"/></a>
If this is an appropriate way to address the problem, should the server-side PHP code create a text file like the above <a> tags and with the AJAX load function, insert the HTML with something like
$('#am-container').load('my_html')?

Todd