Javascript 幻灯片放映中的暂停功能

编辑：

这是我按下按钮时出现的错误

---

我正在使用Vegas背景滑块，并尝试将暂停和下一步功能添加到我的网页上。根据文档（）

$.vegas（'next'）和
$.vegas（'pause'）应触发每个操作。我尝试在我的网页上的滑块javascript下方添加以下内容：

<script>
function myFunction()
{
$.vegas('pause');
}
</script>

<button onclick="myFunction()">Pause slideshow</button>


函数myFunction（）
{
$.vegas（'暂停'）；
}
暂停幻灯片放映

但是没有成功。下面是完整的幻灯片放映代码：

<script>
$.vegas('slideshow', { delay: 4000,
    backgrounds: [
        { src: 'IMGSRC', fade: 1000 },
    { src: 'IMGSRC', fade: 1000 },
        { src: 'IMGSRC', fade: 1000 },
        { src: 'IMGSRC', fade: 1000 },
        // { src: 'IMGSRC', fade: 1000 },
        // { src: 'IMGSRC', fade: 1000 },
    ],
    walk: function(step) {
    //alert('N°' + step + ' is now displayed');

    // get a handle on the sidebar
    var $sidebar = $('div.sidebar');

    // change menu color
    switch (step) {
    case 0: <?php if( get_field('bild1_gogray', $originalid) ){echo 'goGray($sidebar);' ;}else{echo 'goWhite($sidebar);' ;} ?> break;
    case 1: <?php if( get_field('bild2_gogray', $originalid) ){echo 'goGray($sidebar);' ;}else{echo 'goWhite($sidebar);' ;} ?> break;
    case 2: <?php if( get_field('bild3_gogray', $originalid) ){echo 'goGray($sidebar);' ;}else{echo 'goWhite($sidebar);' ;} ?> break;
    case 3: <?php if( get_field('bild4_gogray', $originalid) ){echo 'goGray($sidebar);' ;}else{echo 'goWhite($sidebar);' ;} ?> break;
    // case 4: <?php if( get_field('bild5_gogray', $originalid) ){echo 'goGray($sidebar);' ;}else{echo 'goWhite($sidebar);' ;} ?> break;
    // case 5: <?php if( get_field('bild6_gogray', $originalid) ){echo 'goGray($sidebar);' ;}else{echo 'goWhite($sidebar);' ;} ?> break;
    default: goWhite($sidebar); break;
    }
}
})('overlay');

function goGray($sidebar){

$(document).ready(function() {
    // This will fire when document is ready:
    $(window).resize(function() {
        // This will fire each time the window is resized:
        if($(window).width() > 640) {
    $sidebar.removeClass('white').addClass('gray');
        } else {
    $sidebar.removeClass('white').addClass('gray');

        }
    }).resize(); // This will simulate a resize to trigger the initial run.
});


    $('#logo_white').hide();
    $('#logo_gray').show();

}

function goWhite($sidebar){

$(document).ready(function() {
    // This will fire when document is ready:
    $(window).resize(function() {
        // This will fire each time the window is resized:
        if($(window).width() > 640) {
        $sidebar.removeClass('gray').addClass('white');
        } else {
        $sidebar.removeClass('gray').addClass('gray');

        }
    }).resize(); // This will simulate a resize to trigger the initial run.
});

    $('#logo_gray').hide();
    $('#logo_white').show();


}


</script>


$.vegas（'幻灯片放映'，{延迟：4000，
背景：[
{src:'IMGSRC'，fade:1000}，
{src:'IMGSRC'，fade:1000}，
{src:'IMGSRC'，fade:1000}，
{src:'IMGSRC'，fade:1000}，
//{src:'IMGSRC'，fade:1000}，
//{src:'IMGSRC'，fade:1000}，
],
步行：功能（步骤）{
//警报（“N°”+步骤+“现在显示”）；
//在侧边栏上找到一个控制柄
变量$sidebar=$（'div.sidebar'）；
//更改菜单颜色
开关（步骤）{
案例0：断裂；
案例1：断裂；
案例2：断裂；
案例3：断裂；
//案例4：断裂；
//案例5：断裂；
默认值：goWhite（$sidebar）；break；
}
}
})（‘叠加’）；
函数goGray（$sidebar）{
$（文档）.ready（函数（）{
//当文档准备就绪时，此命令将触发：
$（窗口）。调整大小（函数（）{
//这将在每次调整窗口大小时触发：
如果（$（窗口）.width（）>640）{
$sidebar.removeClass（'white'）.addClass（'gray'）；
}否则{
$sidebar.removeClass（'white'）.addClass（'gray'）；
}
}).resize（）；//这将模拟调整大小以触发初始运行。
});
$（“#徽标_白色”）.hide（）；
$（“#logo_gray”）.show（）；
}
函数goWhite（$sidebar）{
$（文档）.ready（函数（）{
//当文档准备就绪时，此命令将触发：
$（窗口）。调整大小（函数（）{
//这将在每次调整窗口大小时触发：
如果（$（窗口）.width（）>640）{
$sidebar.removeClass（'gray'）.addClass（'white'）；
}否则{
$sidebar.removeClass（'gray'）.addClass（'gray'）；
}
}).resize（）；//这将模拟调整大小以触发初始运行。
});
$（“#logo_gray”）.hide（）；
$（“#logo_white”）.show（）；
}
在页面中，您可以加载jQuery两次：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js?ver=3.8.1'></script>
...
<script src="/wp-content/themes/forsbergform.se/js/jquery.js"></script>


...

删除第二行，它应该可以工作。
您能告诉我们您的JS控制台中出现了哪些错误吗？我制作了一个简单的JSFIDLE：尝试用您的实际代码对其进行扩展以帮助您：）您的FIDLE工作得很好，在我看来，我也是这样做的。请参阅我发布错误消息的更新帖子。我想你只需要删除“/{src:'IMGSRC'，fade:1000}之前，你可以看看ff.felipes.se