JQuery Carousel Scroll,fadeout,fadein

时间:2015-10-21 23:09:04

标签: jquery html css carousel

刚学习Jquery所以如果这个问题看起来很基本,我会提前道歉。我有以下控制Carousel的Jquery代码。

$('#carousel_ul:not(:animated)').animate({'left' : left_indent, opacity:0},600,function(){
            /* when the animation finishes use the if statement again, and  make an illusion
            of infinity by changing place of last or first item*/
            if(where == 'left'){
                //...and if it slided to left we put the last item before  the first item
                $('#carousel_ul li:first').before($('#carousel_ul  li:last'));
            }else{
                //...and if it slided to right we put the first item after the last item
                $('#carousel_ul li:last').after($('#carousel_ul li:first'));
            }

            //...and then just get back the default left indent
            $('#carousel_ul').css({'left' : '-300px'});
            $('#carousel_ul').delay(100).animate({opacity:1}, 400);
        });

它工作得很好,除了它没有完全达到我想要的效果。所以我想在旋转木马滚动时发生淡出和淡化。现在它滚动并且在滚动时发生淡出,但是在滚动完成后它会淡入淡出状态。任何人都有一些建议。我可以用动画以某种方式链接fadeOut()fadeIn()吗?当我试着这样说时:

$('#carousel_ul:not(:animated)')fadeOut().fadeIn().animate({opacity:0} 
它消失了,然后消失,然后动画。我确定我在这里忽略了一些明显的事情......提前感谢您的时间。

0 个答案:

没有答案