Edit Question - KnowledgeHub

Title Body

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?

Tags (comma-separated) Cancel