10
I'm using the supersized plugin for jQuery to show fullsize background pictures. I want to change the array with the images (with jquery.click()), but without reloading the page. The link loads the content into a div via AJAX, and at the same time I want to switch the array.
This is the default code I load for supersized:
$.supersized({
random: 1,
image_protect: 0,
slide_interval: 5000,
transition: 1,
transition_speed: 3000,
vertical_center: 0,
horizontal_center: 0,
fit_portrait: 1,
slides:
[
{image : 'imgs/bg-01.jpg'},
{image : 'imgs/bg-02.jpg'},
{image : 'imgs/bg-03.jpg'},
]
});
This is what I've done to change the array:
$('#link1').click(function() {
// placeholder for ajax load
$.supersized({
random: 1,
image_protect: 0,
slide_interval: 5000,
transition: 1,
transition_speed: 3000,
vertical_center: 0,
horizontal_center: 0,
fit_portrait: 1,
slides:
[
{image : 'other-imgs/new-bg-01.jpg'},
{image : 'other-imgs/new-bg-02.jpg'}
]
});
});
but this only adds the 2 new images to the other 3. How can I clear the first array and/or replace the content of it?