javascript - Jquery Revolution slider 无法停止自动播放

标签 javascript jquery revolution-slider

我正在使用 Revolution slider 在我的网站中创建轮播。我的网站不是 WordPress,所以我使用革命 slider 的 Jquery 版本。这是我的代码:

<script type="text/javascript">
                var tpj=jQuery;

                var revapi2;
                tpj(document).ready(function() {
                    if(tpj("#rev_slider_2_1").revolution == undefined){
                        revslider_showDoubleJqueryError("#rev_slider_2_1");
                    }else{
                        revapi2 = tpj("#rev_slider_2_1").show().revolution({
                            sliderType:"carousel",
                            jsFileLocation:"../libs/revolutionSlider/js/",
                            dottedOverlay:"none",
                             sliderLayout: "auto",
                            delay:9000,
                            navigation: {
                                keyboardNavigation:"off",
                                keyboard_direction: "horizontal",
                                mouseScrollNavigation:"off",
                                onHoverStop:"off",
                                arrows: {
                                    style:"",
                                    enable:true,
                                    hide_onmobile:true,
                                    hide_under:300,
                                    hide_onleave:true,
                                    hide_delay:200,
                                    hide_delay_mobile:1200,
                                    tmp:'',
                                    left: {
                                        h_align:"left",
                                        v_align:"center",
                                        h_offset:30,
                                        v_offset:0
                                    },
                                    right: {
                                        h_align:"right",
                                        v_align:"center",
                                        h_offset:30,
                                        v_offset:0
                                    }
                                }
                                ,
                                thumbnails: {
                                    style:"",
                                    enable:true,
                                    width:100,
                                    height:50,
                                    min_width:60,
                                    wrapper_padding:20,
                                    wrapper_color:"transparent",
                                    wrapper_opacity:"1",
                                    tmp:'<span class="tp-thumb-img-wrap">  <span class="tp-thumb-image"></span></span>',
                                    visibleAmount:3,
                                    hide_onmobile:true,
                                    hide_under:100,
                                    hide_onleave:false,
                                    direction:"horizontal",
                                    span:false,
                                    position:"outer-bottom",
                                    space:5,
                                    h_align:"center",
                                    v_align:"bottom",
                                    h_offset:0,
                                    v_offset:50
                                }
                            },
                            carousel: {
                                horizontal_align: "center",
                                vertical_align: "center",
                                fadeout: "off",
                                maxVisibleItems: 3,
                                infinity: "on",
                                space: 0,
                                stretch: "off"
                            },
                            viewPort: {
                                enable:true,
                                outof:"pause",
                                visible_area:"80%"
                            },
                            responsiveLevels:[1240,1024,778,480],
                            gridwidth:[1240,1024,778,480],
                            gridheight:[600,600,500,400],
                            lazyType:"none",
                            parallax: {
                                type:"mouse",
                                origo:"slidercenter",
                                speed:2000,
                                levels:[2,3,4,5,6,7,12,16,10,50],
                            },
                            shadow:0,
                            spinner:"off",
                            stopLoop:"on",
                            stopAfterLoops:0,
                            stopAtSlide:0,
                            shuffle:"off",
                            autoHeight:"on",
                            hideThumbsOnMobile:"on",
                            hideSliderAtLimit:0,
                            hideCaptionAtLimit:0,
                            hideAllCaptionAtLilmit:0,
                            debugMode:false,
                            fallbacks: {
                                simplifyAll:"off",
                                nextSlideOnWindowFocus:"off",
                                disableFocusListener:false,
                            }
                        });
                    }
                }); 
            </script>

它创建了一个带有缩略图的轮播,它工作正常,但我无法停止自动播放,我该怎么办?在我的代码中已经设置:

  stopAfterLoops:0,
  stopAtSlide:0

最佳答案

我是这样工作的:

stopAfterLoops:0,
stopAtSlide:1,

关于javascript - Jquery Revolution slider 无法停止自动播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38477169/

相关文章:

javascript - 在javascript中从base64创建SVG

javascript - 从当前日期添加/减去分钟

javascript - Nuxt : displaying local image from static folder

JavaScript/JQuery : Need a time Delay

javascript - 在 Rails 4 App 上通过相对路径调用 Slider Revolution 资源

javascript - 需要滑出按钮才能单独工作。当单击一个按钮时,两者都会执行任务。

jquery - 如何更改标签标签以通过单击链接输入文本?

php - 如何在不等待完成的情况下逐步加载 ajax (jquery) 请求响应?

javascript - slider 革命插件在页面加载时简要显示所有幻灯片

javascript - 将 Revolution Slider 5+ 图层设置为静态图层