Delay image loading with jQuery

Question

I have a page with several galleries including accordions and sliders. The problem is that the page takes forever to load. Is there a way of wrapping an image in a bit of

Answer 1

Keep only one image into the HTML so that viewer has something to start with, then inject the rest using jQuery with

$(document).ready(function() {
    //load rest of the images
});

You can also use event loaders and AJAX or "load as you go", just build a simple call back function if it's auto-rotating gallery or load on click.