我正在使用jQuery的超大插件来显示完整的背景图片.我想用图像(带jquery.click())更改数组,但不重新加载页面.链接通过AJAX将内容加载到div中,同时我想切换数组.
这是我为超大化加载的默认代码:
$.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'},
]
});
Run Code Online (Sandbox Code Playgroud)
这是我改变数组所做的:
$('#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'}
]
});
});
Run Code Online (Sandbox Code Playgroud)
但这只会将2个新图像添加到另一个3.如何清除第一个数组和/或替换它的内容?