Question

I am using this library and what I want to do is to dynamically load the entire series of images in to an element:

<div id="product" style="width: 640px; height: 300px; overflow: hidden;">
    /* These images are loaded and appended to the div element dynamically
        <img src="images/01.jpg" alt="" />
        <img src="images/02.jpg" alt="" />
        <img src="images/03.jpg" alt="" />
        <img src="images/04.jpg" alt="" />
        <img src="images/05.jpg" alt="" />
        <img src="images/06.jpg" alt="" />
    /*
</div>

and then call the j360 library to set it up:

jQuery(document).ready(function() {
    jQuery('#product').j360();
});

after the images have been loaded.

I have only seen tutorials where one image is loaded like this….
Are there any techniques for loading and appending a bunch of images in order?

Thanks in advance

Answer 1

Not sure what you mean by “load”, but you can simply append the img element to the parent div, and the browser will say, “Hey, there’s an image with a src, let me go grab it.”

Here a working example on JSFiddle