waiting for multiple images to load before sliding div down
<p>I'm trying to load several images into a div named 'images', when they finish loading I want it to slidedown the div 'images' which will show the actual images that have just been loaded into it, and I'm having a little bit of trouble writing out exactly how to make that happen.</p>

<p>This is what I have so far, it's not quite right:</p>

<pre><code>$('#button').click(function() {
    var image=$('#images');

    $("&lt;img&gt;", {
        src: "http://www.klossal.com/images/klossviolins/home.jpg"
    }).appendTo("#images");
    $("&lt;img&gt;", {
        src: "http://www.klossal.com/images/klossviolins/inventory.jpg"
    }).appendTo("#images");
    $("&lt;img&gt;", {
        src: "http://www.klossal.com/images/klossviolins/services.jpg"
    }).appendTo("#images");

    if (image.get(0).complete) { image.slideDown(300); } 

});
</code></pre>
