序列滑块在第二张幻灯片后停止

我有自动播放的序列滑块设置，它只会滑动到第二张幻灯片，然后停止。有七张幻灯片应该滑过。序列滑块在第二张幻灯片后停止

这是我设置的选项的代码，但我不明白为什么它在幻灯片2后停止。也许与CSS转换的问题？我很难过！

$(document).ready(function(){ 
var options = { 
    autoPlay: true, 
    autoPlayDelay: 1000, 
    nextButton: true, 
    prevButton: true, 
    preloader: true 
}; 
var sequence = $("#sequence").sequence(options).data("sequence"); 

sequence.afterLoaded = function(){ 
    $(".prev, .next").fadeIn(500); 
} 
});

该网站是在这里 - http://aald.captechnix.com/

来源

2013-03-06 user537137

有同样的问题今天早些时候，有一个快速浏览一下源代码。它看起来像sequence.js只是看着每个帧的直接子节点，以确定在移动到下一帧之前动画何时结束。看看你的例子，似乎你没有对每张幻灯片的任何直接子节点进行任何转换，所以在内部，sequence.js从未将这些元素的“animationEnded”属性设置为true，并拒绝移动到下一张幻灯片。

确保每张幻灯片的所有直接子女都至少有一个.animate-in转换，并且该元素的值实际已转换。所以你的情况尝试添加下面的CSS（我已经离开了供应商前缀）：

#sequence .width { 
transition: all 1s linear; 
z-index: 9999; 
} 
#sequence .animate-in .width { 
z-index: 9998; /* or some other property as long as it changes */ 
} 

#sequence-theme img { 
transition: all 0.1s linear; 
opacity: 0; 
} 
#sequence-theme .animate-in img { 
opacity: 1; /* or some other property as long as it changes */ 
}

来源

2013-04-18 00:33:43 jul

这里的另一种解决方案是，如果我们增加了以下功能：

setInterval(function() {document.getElementById("your-button-id").click();}, 5000);

这样，我们模拟按钮点击第n次。如果你想隐藏按钮，你可以添加隐藏的箭头容器的可见性：

.banner-arrow-container { 
    visibility: hidden; 
}

来源

2017-05-31 09:09:55

序列滑块在第二张幻灯片后停止

回答

相关问题