Javascript Velocity.js/Blast.js不透明度从0开始

我使用Velocity.js和Blast.js在每个单词中创建一个简单的加载作为动画。。。基本设置之一。我也在使用Cycle2

我有一些问题，我试图实现，我无法从文件中解决。“速度/爆炸功能”可以存在于cycle2滑块中的许多幻灯片上，因此每次都需要重新运行

这就是我努力实现的目标：

“速度”动画每次需要在“不透明度：0”处开始。。。因此，当您循环到幻灯片时，它将从0运行到1，而不是显示它，然后隐藏它，然后运行动画

当您循环下一个/上一个滑块时，它应该重新运行并像以前一样从0开始

删除每个单词的过渡/淡入淡出，并将其作为显示/隐藏

我希望这是有道理的。我已经创建了一个简单的JSFIDLE，向您展示了一个基本的设置以及我到目前为止所做的工作。希望你能帮忙

//
函数特性ProjectTextAnimation（）{
$（'.home section container.each section.each-slide.text.text container.animated'）
.blast（{
分隔符：“word”
})
.velocity（'transition.fadeIn'{
显示：空，
持续时间：0，
错开：100，
延误：400，
开始：函数（）{
//
},
完成：函数（）{
//
}
});
}
//
如果（$（'.home滑块容器'）。长度>0）{
$（'.home slider container.home slider'）。每个（函数（）{
var$this=$（this）；
var slideCount=$this.find（'.each slide'）.length；
如果（slideCount在这里，您可以：。
您有两个问题：

您需要将传入的幻灯片元素传递到
featuredProjectTextAnimation（）
并在其中找到
.animated
元素，而不是选择所有文本幻灯片
您首先需要隐藏每张幻灯片，例如，我在传出幻灯片元素上将
不透明度设置为0，在
开始时将其设置为1。您也可以使用
显示：无
或任何适合您的选项

嗯！
给你。
您有两个问题：

您需要将传入的幻灯片元素传递到
featuredProjectTextAnimation（）
并在其中找到
.animated
元素，而不是选择所有文本幻灯片
您首先需要隐藏每张幻灯片，例如，我在传出幻灯片元素上将
不透明度设置为0，在
开始时将其设置为1。您也可以使用
显示：无
或任何适合您的选项

HTH！
非常感谢，这非常有效。最后一件事，我也在使用fullpage.js，所以有时候文本幻灯片可能是第一张幻灯片，那么在向下滑动时也可以做同样的事情吗？我已经设置了一个JSFIDLE，使用您的新代码，但添加了完整页面，所以如果您向下滚动，我会让第二部分以文本开始，但我没有我还添加了onLeave和afterLoad回调，如果有帮助的话可以使用。嘿，这是违反规则的（：你问一个问题，如果问题解决了，就接受它。如果你想问另一个关于fullpage的问题，那是一个完全不同的问题抱歉…你说的对。想在其他问题上帮助我吗？谢谢！当然可以，打开它，我会试试。谢谢！请看这里非常感谢，这很有效。最后一件事，我也在使用fullpage.js，因此，有时文本幻灯片可能是第一张幻灯片，那么在向下滑动时也可以做同样的事情吗？我已经设置了一个JSFIDLE，使用您的新代码，但添加了完整的页面，因此如果您向下滚动，我会使第二部分以文本开始，但它不会设置动画或显示。我还添加了onLeave和afterLoad回调，供您在以下情况下使用：那有帮助吗？嘿，那是违反规则的（：你问一个问题，如果问题解决了，就接受它。如果你想问另一个关于整版的问题，那是一个完全不同的问题。对不起……你说得对。想在另一个问题上帮我吗？谢谢！当然，打开它，我会尝试一下。谢谢！请看这里
//
function featuredProjectTextAnimation() {
    $('.home-section-container .each-section .each-slide.text .text-container.animated')
    .blast({ 
        delimiter: 'word' 
    })
    .velocity('transition.fadeIn', {
        display: null,
        duration: 0,
        stagger: 100,
        delay: 400,
        begin: function() { 
            //
        },
        complete: function() { 
            //
        }
    });
}

//
if ($('.home-slider-container').length > 0) {
    $('.home-slider-container .home-slider').each(function() {
        var $this = $(this);
        var slideCount = $this.find('.each-slide').length;
        if (slideCount <= 1) {
            $this.next('.home-slider-pager').remove();
            $this.prev('.home-slider-navigation').remove();
        }
        $this.cycle({
            fx: 'fade',
            slides: '> .each-slide',
            caption: $this.next('.home-slider-pager'),
            captionTemplate: '{{slideNum}}/{{slideCount}}',
            sync: true,
            timeout: 0,
            random: false,
            pagerActiveClass: 'active',
            next: $this.prev('.home-slider-navigation').find('.next'),
            prev: $this.prev('.home-slider-navigation').find('.prev'),
            loader: true,
            autoHeight: 'container',
            swipe: true
        });
        $this.on('cycle-before', function() {

        });
        $this.on('cycle-after', function() {
            featuredProjectTextAnimation();
        });
    });
}