Я использую supersized plugin для jQuery для отображения полноразмерных фоновых изображений. Я хочу изменить массив изображениями (с jquery.click()
), но без перезагрузки страницы. Ссылка загружает содержимое в div через AJAX, и в то же время я хочу переключить массив.
Это загрузочный код по умолчанию для суперсайта:
$.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'},
]
});
Это то, что я сделал для изменения массива:
$('#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'}
]
});
});
но это добавляет только два новых изображения к другому. 3. Как я могу очистить первый массив и/или заменить его содержимое?