Load sequencing pictures
<p>I have some pictures I want them to have to organize the page every 10 seconds.</p>

<p>As follows:</p>

<ul>
<li>Photo 1 fully loaded </li>
<li>Wait 10 seconds</li>
<li>After photo 1, photo 2 is fully loaded </li>
<li>Wait 10 seconds </li>
<li>After Photo 2, Photo 3 is fully loaded </li>
<li>Wait 10 seconds</li>
</ul>

<p>, ...</p>

<p>Until we finish all photos.</p>

<p>my problem :</p>

<p>method load don't work &amp; 
i don't know method for waiting </p>

<p>Here is my code:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script type="text/javascript" src='jq.js'&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div&gt;&lt;/div&gt;
    &lt;script type="text/javascript"&gt;
        var images=["images/0.jpg",
                    "images/1.jpg",
                    "images/2.jpg",
                    "images/3.jpg",
                    "images/4.jpg",
                    "images/5.jpg",
                    "images/6.jpg",
                    "images/7.jpg",
                    "images/8.jpg",
                    "images/9.jpg",
                    "images/10.jpg"
                ];
        for (var i=0;i&lt;images.length;i++){
            var imgtag = '&lt;img src='+images[i]+' /&gt;';
            $(imgtag).load(function() {
                $('div').append(imgtag);
                //Wait 10 sec   ==&gt; Is there a function to Waiting :-??
            }
       }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Thanks for your response.</p>
