image loading in jquery
<p>I have a function in which in first draw the div's and call image load function</p>

<p>In image load function i call a another function Loadimage</p>

<p>In Loadimage i append the image to the div's which i have drawn in first funtion</p>

<p>thumb[] has a image html tag</p>

<p>I have button when clicked on it a popupwindow opens,and the popupwindow has div called image in which the images are appended</p>

<pre><code>&lt;div id="image"&gt;&lt;/div&gt;
</code></pre>

<p>&nbsp;</p>

<pre><code>for (var i in this.thumb) {          
            var img = this.thumb[i];
            var imgdiv = $('&lt;div&gt;');


            imgdiv.attr('id', 'img' + i + '');

            (#image).append(imgdiv);
            $(img).load({ navig_cell: img, index: i }, jQuery.proxy(this, 'Loadimage'));

}

Loadimage: function(params) {
        var img = params.data.navig_cell;
        var index = params.data.index;

        $('#img' + index + '').append(img);
}
</code></pre>

<p>Once i close the popupwindow in which i append the image and for the next time when i quickly open the popupwindow the images are appending from the place were the loading of the image stop and also the same images are append for second time from the place the loading of the images stopped(2 time the images are appending)   </p>
