Question

I have the following jQuery code which is initiated on page load. It starts a slideshow.

$(document).ready(function() {

    $.dothis({
        option:1,
        option:2,
        slides:[
            {image:'img1.jpg'},
            {image:'img2.jpg'}
        ]
    });

});

Now I want to add/remove images when the users clicks the body of the page. How do I add/remove items to the slides:[] object? Or how do I replace this object all together?

Answer 1

var slideoptions = {
    option:1,
    option:2,
    slides:[
        {image:'img1.jpg'},
        {image:'img2.jpg'}
    ]
};

$(document).ready(function() {

    $.dothis(slideoptions);

});

// push new image into slides array
slideoptions.slides.push({ 'image' : 'someimg.jpg' });