loading a whole series of images using jquery
<p>I am using this library:</p>

<p><a href="http://blog.stableflow.com/jquery-plugins/360-degrees-product-view/" rel="nofollow">http://blog.stableflow.com/jquery-plugins/360-degrees-product-view/</a></p>

<p>and what I want to do is to dynamically load the entire series of images in to an elenent:</p>

<pre>

    &lt;div id="product" style="width: 640px; height: 300px; overflow: hidden;"&gt;

/* These images are loaded and appended to the div element dynamically
        &lt;img src="images/01.jpg" alt="" /&gt;
        &lt;img src="images/02.jpg" alt="" /&gt;
        &lt;img src="images/03.jpg" alt="" /&gt;
        &lt;img src="images/04.jpg" alt="" /&gt;
        &lt;img src="images/05.jpg" alt="" /&gt;
        &lt;img src="images/06.jpg" alt="" /&gt;
/*
    &lt;/div&gt
</pre>

<p>and then call the j360 library to set it up:</p>

<pre><code>        jQuery(document).ready(function() {
            jQuery('#product').j360();
        });
</code></pre>

<p>after the images have been loaded.</p>

<p>I have only seen tutorials where one image is loaded -  <a href="http://jqueryfordesigners.com/image-loading/" rel="nofollow">http://jqueryfordesigners.com/image-loading/</a> .... 
Are there any techniques for loading and appending a bunch of images in order?</p>

<p>thanks in advance</p>
