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