Javascript Jquery旋转滑块无法停止自动播放
我正在使用Revolution slider在我的网站上创建一个旋转木马。我的网站不是wordpress,所以我使用Jquery版本的Revolution slider。这是我的代码:Javascript Jquery旋转滑块无法停止自动播放,javascript,jquery,revolution-slider,Javascript,Jquery,Revolution Slider,我正在使用Revolution slider在我的网站上创建一个旋转木马。我的网站不是wordpress,所以我使用Jquery版本的Revolution slider。这是我的代码: <script type="text/javascript"> var tpj=jQuery; var revapi2; tpj(document).ready(function() {
<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:1,
revapi2 = tpj("#rev_slider_2_1").show().revolution({
...
stopLoop: "on",
...
});
我是这样工作的:
stopAfterLoops:0,
stopAtSlide:1,
revapi2 = tpj("#rev_slider_2_1").show().revolution({
...
stopLoop: "on",
...
});
我是这样工作的:
stopAfterLoops:0,
stopAtSlide:1,
revapi2 = tpj("#rev_slider_2_1").show().revolution({
...
stopLoop: "on",
...
});
我是这样工作的:
stopAfterLoops:0,
stopAtSlide:1,
revapi2 = tpj("#rev_slider_2_1").show().revolution({
...
stopLoop: "on",
...
});
你能试试stopAfterLoops吗:1谢谢,但它不起作用你有多少张幻灯片?3张幻灯片,但我刚刚找到了一个解决方案使用API方法:$rev\u slider\u 2\u 1.revpause;及.恢复营业;;要从jquery停止和启动滑块,请尝试stopAfterLoops:1谢谢,但它不起作用。您有多少张幻灯片?3张幻灯片,但我刚刚找到了解决方案使用API方法:$rev_slider_2_1.revpause;及.恢复营业;;从jquery停止和启动滑块。什么是这种方式?你能澄清你的答案吗?什么是这样的?你能澄清你的答案吗?