Question

我希望在jQuery Cycle动画之间有一个简短的“暂停”，以便人们可以看到背景。

现在循环元素正在合并（在alpha值中如：100 - 50 - 100）但我想让它像100 - 0 - 100。

你知道如何实现这一目标吗？ http://malsup.com/jquery/cycle/options.html

Answer 1

你的意思是淡入淡出选项吗？

不透明度从1变为0，但同时，第二张图像从0变为1，因此它显示为1-0.5-1

也许你可以尝试淡入淡出，这是

 $.fn.cycle.transitions = {
fade: function($cont, $slides, opts) {
    $slides.not(':eq('+opts.currSlide+')').css('opacity',0);
    opts.before.push(function(curr,next,opts) {
        $.fn.cycle.commonReset(curr,next,opts);
        opts.cssBefore.opacity = 0;
    });
    opts.animIn    = { opacity: 1 };
    opts.animOut   = { opacity: 0 };
    opts.cssBefore = { top: 0, left: 0 };
}
 };

也许是这样的

 $.fn.cycle.transitions = {
fade: function($cont, $slides, opts) {
    $slides.not(':eq('+opts.currSlide+')').css('opacity',0);
    opts.before.push(function(curr,next,opts) {
        $.fn.cycle.commonReset(curr,next,opts);
        opts.cssBefore.opacity = 0;
    });
    opts.animIn    = { opacity: 0 };
    opts.animOut   = { opacity: 0 };
    opts.cssBefore = { top: 0, left: 0 };
    opts.cssAfter = { opacity: 1 };

}
};

jQuery Cycle：元素之间的短暂停顿（这样可以看到背景）

1 个答案: