gpt4 book ai didi

jquery - 序列 slider 在第二次滑动后停止

转载 作者:行者123 更新时间:2023-12-01 02:58:23 25 4
gpt4 key购买 nike

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

这是我设置的选项的代码,但我不明白为什么它在幻灯片 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/

最佳答案

今天早些时候遇到了同样的问题,并快速查看了源代码。看起来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 */
}

关于jquery - 序列 slider 在第二次滑动后停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15237469/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com