Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在HTML网站中启用旋转滑块的自动播放_Javascript_Jquery - Fatal编程技术网

Javascript 如何在HTML网站中启用旋转滑块的自动播放

Javascript 如何在HTML网站中启用旋转滑块的自动播放,javascript,jquery,Javascript,Jquery,这里的Javascript用于相同的功能,但slider未处于自动播放模式。我用于旋转滑块的代码如下所示。滑块工作,但仅通过单击…它在自动播放模式下不工作 /* ========================================================== */ /* Revolution Slider - Home Page */ /* ===============================

这里的Javascript用于相同的功能,但slider未处于自动播放模式。我用于旋转滑块的代码如下所示。滑块工作,但仅通过单击…它在自动播放模式下不工作

/* ========================================================== */
    /*   Revolution Slider - Home Page                            */
    /* ========================================================== */
    var tpj = jQuery;

    var revapi202;
    tpj(document).ready(function() {
        if (tpj("#rev_slider_202_1").revolution == undefined) {
            revslider_showDoubleJqueryError("#rev_slider_202_1");
        } else {
            revapi202 = tpj("#rev_slider_202_1").show().revolution({
                sliderType: "carousel",
                jsFileLocation: "../../revolution/js/",
                sliderLayout: "fullscreen",
                dottedOverlay: "none",
                delay: 1000,
                navigation: {
                    keyboardNavigation: "off",
                    keyboard_direction: "horizontal",
                    mouseScrollNavigation: "off",
                    onHoverStop: "off",
                    touch: {
                        touchenabled: "on",
                        swipe_threshold: 75,
                        swipe_min_touches: 50,
                        swipe_direction: "horizontal",
                        drag_block_vertical: false
                    },
                    bullets: {
                        enable: true,
                        hide_onmobile: true,
                        hide_under: 800,
                        style: "zeus",
                        hide_onleave: false,
                        direction: "horizontal",
                        h_align: "center",
                        v_align: "bottom",
                        h_offset: 0,
                        v_offset: 30,
                        space: 5,
                        tmp: '<span class="tp-bullet-image"></span><span class="tp-bullet-imageoverlay"></span><span class="tp-bullet-title">{{title}}</span>'
                    }
                },
                carousel: {
                        horizontal_align: "center",
                        vertical_align: "center",
                        fadeout: "off",
                        maxVisibleItems: 3,
                        infinity: "on",
                        space: 0,
                        stretch: "off"
                 },
                responsiveLevels: [1240, 1024, 778, 480],
                visibilityLevels: [1240, 1024, 778, 480],
                gridwidth: [1240, 1024, 778, 480],
                gridheight: [868, 768, 960, 720],
                lazyType: "none",
                shadow: 0,
                spinner: "off",
                stopLoop: "on",
                stopAfterLoops: 0,
                stopAtSlide: 0,
                shuffle: "off",
                autoHeight: "off",
                minHeight:600,
                fullScreenAutoWidth: "off",
                fullScreenAlignForce: "off",
                fullScreenOffsetContainer: "",
                fullScreenOffset: "60px",
                disableProgressBar: "on",
                hideThumbsOnMobile: "off",
                hideSliderAtLimit: 0,
                hideCaptionAtLimit: 0,
                hideAllCaptionAtLilmit: 0,
                debugMode: false,
                fallbacks: {
                    simplifyAll: "off",
                    nextSlideOnWindowFocus: "off",
                    disableFocusListener: false,
                }
            });
        }
    }); /*ready*/
/*=============================================================================================================================================================================================================================================================================================================================================*/
/*革命滑块-主页*/
/* ========================================================== */
var-tpj=jQuery;
var revapi202;
tpj(文档).ready(函数(){
如果(tpj(“#rev#u slider_202_1”)。旋转==未定义){
revslider_showDoubleJqueryError(“revslider_202_1”);
}否则{
revapi202=tpj(“#rev#u滑块_202_1”).show().revolution({
幻灯片类型:“旋转木马”,
jsFileLocation:“../../revolution/js/”,
幻灯片布局:“全屏”,
dottedOverlay:“无”,
延误:1000,
导航:{
键盘导航:“关闭”,
键盘方向:“水平”,
鼠标滚动导航:“关闭”,
onHoverStop:“关闭”,
触摸:{
touchenabled:“打开”,
滑动阈值:75,
轻扫分钟触摸:50,
滑动方向:“水平”,
拖动块垂直:false
},
子弹:{
启用:对,
隐藏手机:是的,
藏在800下,
风格:“宙斯”,
隐藏:假,
方向:“水平”,
h_align:“居中”,
v_对齐:“底部”,
h_偏移量:0,
v_偏移量:30,
空间:5,
tmp:“{{title}}”
}
},
旋转木马:{
水平对齐:“居中”,
垂直对齐:“居中”,
淡出:“关闭”,
maxVisibleItems:3,
无限:“开”,
空格:0,
伸展:“关”
},
响应级别:[124014778480],
可视性级别:[124014778480],
网格宽度:[124014778480],
网格高度:[868768960720],
懒散型:“无”,
阴影:0,
旋转器:“关闭”,
停止循环:“开”,
stopAfterLoops:0,
停止幻灯片:0,
洗牌:“关”,
自动高度:“关闭”,
身高:600,
全屏自动宽度:“关闭”,
全屏校准力:“关闭”,
fullScreenOffsetContainer:“”,
全屏偏移量:“60px”,
disableProgressBar:“打开”,
hideThumbsOnMobile:“关闭”,
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
HIDEALCATIONALLIMIT:0,
调试模式:false,
回退:{
全部:“关闭”,
nextSlideOnWindowFocus:“关闭”,
disableFocusListener:false,
}
});
}
}); /*准备好了吗*/

根据此处的文档:

您需要将设置更改为:

stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1
这应该设置为自动旋转幻灯片