小编MOO*_*OOD的帖子

重置或更改jQuery插件的slide数组

我正在使用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.如何清除第一个数组和/或替换它的内容?

jquery supersized

10
推荐指数
2
解决办法
5707
查看次数

标签 统计

jquery ×1

supersized ×1