我已经实现了一个内容淡出在幻灯片显示内的滑动内容面板。
淡入幻灯片显示是在滑动面板的第一里,但问题是,因为滑动是随机的,我不能显示幻灯片显示。
我需要的是,滑动应该等到幻灯片完成它的动画。一旦幻灯片完成,那么滑动面板的下一个里就会出现。
下面是用于此的代码
//Fade in slide show
var quotes = $(".inner_detail div");
var quoteIndex = -1;
function showNextQuote() {
++quoteIndex;
quotes.eq(quoteInd
我使用Swiper.js在各部分之间滑动,也使用AOS.js在滚动体上进行动画。我想动画的文字在滑动部分,但只有文本在第一节动画,它只做了一次,当页面加载,而不是每次滑动滑动。我尝试了许多解决方案,但都没有奏效。以下是我在JS中尝试过的:
在幻灯片更改时使用AOS.refresh()on ()重新调用AOS.init(),在幻灯片更改时删除和添加AOS类,在幻灯片更改时手动删除和添加AOS类,将AOS属性手动添加到HTML 中
以下是两个可编辑以正确工作的片段。
var swiper = new Swiper('.swiper', {
on: {
init: f