Javascript Lazyload queue
<p>I am using jQuery LazyLoad plugin in my project to display large column of small pictures. The plugin helps really much, the only issue is that on page load it makes page/scrolling/.. so slow as it loads all the initial (visible) images (around 60 images  of size 40x40) at once.</p>

<p>It would be amazing if it loaded one after another with a time gap between loads, for example 800ms, because I don't really need them to appear straight away. I believe that would make user experience more comfortable.</p>

<p>Unfortunately I am not too good with Javascript. I tried to use jQuery delay function, but it did not help. I would really appreciate any help.</p>

<p>Related code:</p>

<pre><code>    $(self).one("appear", function() {
        if (!this.loaded) {
            $("&lt;img /&gt;")
                .bind("load", function() {
                    $(self)
                        .hide()
                        .attr("src", $(self).attr("data-original"))
                        [settings.effect](settings.effectspeed);
                    self.loaded = true;
                })
                .attr("src", $(self).attr("data-original"));
        };
    });
</code></pre>
