How do I automatically update hundreds of images in an HTML page using jquery?
<p>I have an HTML page where I want to refresh a lot of images every 30 seconds after the HTML page has been downloaded. I understand how to do this with Jquery and a single image, but I want to use about 200 custom urls to determine the current image to display for over 200 images. I need to find an efficient way to have jquery call the custom url associated with each image to download the url for the needed image as it changes, and then update the image in the page when it changes.  </p>

<p>Current hyperlink example to demonstrate the custom urls. </p>

<pre><code>&lt;A href="/urlThatReturnsCurrentImageURL/1234/4567"&gt;link to url for image&lt;/A&gt;
</code></pre>

<p>Each custom url will return an image tag like this (or any other text that makes this simpler for jquery) </p>

<pre><code>&lt;img src="/static/someImage.jpg"&gt;
</code></pre>

<p>What is the simplest way to have jquery call the custom url for each image to download the image url, image html, or some other text that jquery can use to download the right image every 30 seconds? Please keep in mind that I will have about 200 of these on a page. </p>
