Question

I have an array of images in jquery that I am attempting to load into a series of divs when the user clicks a specific box. On my localhost everything works great, but when I put on the internets. Something really odd happens.

the url that I am attempting to load is split into each individual character and separate div is created for each letter…?

here is the code that is used to create the div’s and sign a background image to all of them.

            for (var i = 0, len = images[index].length; i < len; i++){
            $('#project_display #slides .slides_container').append($('<div></div>'))
            $('#project_display #slides .slides_container div').eq(i).css('background','url(' + images[index][i] +') center center no-repeat');
        }

images contains arrays of other images.
any help would be so great!

thanks!

UPDATE

here is images and another array creation:

`
var circus = new Array();
circus[0] = ‘images/projects/circus1.jpg’;
circus1 = ‘images/projects/circus2.jpg’;
circus[2] = ‘images/projects/circus3.jpg’;
circus[3] = ‘images/projects/circus4.jpg’;
circus[4] = ‘images/projects/circus5.jpg’;

var images = new Array();
images[0] = ‘images/projects/radioshack_899.jpg’;
images1 = radioImages;
images[2] = dwarf;
images[3] = dwarf;
images[4] = circus;
`

Answer 1

It’s a little hard to tell without seeing more, but you are either doing something wrong in the for loop, or you are doing something wrong in the url(' + images[index][i] +').

Are you sure you that images.length is’nt what your looking for in the for loop, and something tells me you should remove the [i] in the url(), like so: url(' + images[index] +')

Maybe it should be something like this:

for (var i = 0; i < images.length; i++){
    $('<div></div>').css('background','url(' + images[i] +') center center no-repeat')
       .appendTo($('#project_display #slides .slides_container'));
}

And you should try to shorten down those selectors if possible.