Javascript Jquery图像在幻灯片中从左向右过渡并淡入

Javascript Jquery图像在幻灯片中从左向右过渡并淡入,javascript,jquery,html,css,slideshow,Javascript,Jquery,Html,Css,Slideshow,我有一个幻灯片和6个图形。我想将前两个图形从左向右滑动,然后第三个图形淡入并粘住,然后将其余图形从左向右滑动。我可以用这两种效果中的任何一种来创建幻灯片,但是我如何才能为某些效果滑入,为某些效果淡入?下面是我的代码 <div id='slider_container'> <div id="slides"> <img src='images/Team-Up-wTag_CMYK_Over-White.jpg' /> <

我有一个幻灯片和6个图形。我想将前两个图形从左向右滑动,然后第三个图形淡入并粘住,然后将其余图形从左向右滑动。我可以用这两种效果中的任何一种来创建幻灯片,但是我如何才能为某些效果滑入,为某些效果淡入?下面是我的代码

<div id='slider_container'>
    <div id="slides">
        <img src='images/Team-Up-wTag_CMYK_Over-White.jpg' />
        <img src='images/Together-all-3-01.jpg' />
        <img src='images/One-Team-One-Focus-RESIZED.jpg' />
        <img src='images/Orlando_Seaworld_ExteriorSeaworldView.jpg' />
        <img src='images/DSC_1465.JPG' />
        <img src='images/DSC_1470.JPG' />
    </div>
</div>

<script type="text/javascript"> 
    $(window).load(function() {
        var slideContainer = $('#slider_container'), slidesHolder = $(slideContainer).children(),  slideWidth = slideContainer.width(), slidePos = 0, slides = $(slidesHolder).children(), slideTotal = slides.length, currentSlide = 0, delay = 3000, slideTime = 800;

        $(slideContainer).css({
            'overflow': 'hidden',
            'position': 'relative'
        });

        $(slidesHolder).css({
            'position': 'absolute'
        });

        for (var i = 0; i < slides.length; i++) {
            $(slides[i]).css({
                'position': 'absolute',
                'top': '0',
                'left': slidePos + 'px'
            });
            slidePos = slidePos + slideWidth;
        }

        $(slidesHolder).css('width', slidePos + slideWidth);

        $(slides).first().clone().css({
            'left': slidePos  + 'px'
        }).appendTo(slidesHolder);

        function animate() {
            $(slidesHolder).delay(delay).animate({
                left: '-=' + slideWidth
            }, slideTime, function() {
                if (currentSlide < slideTotal - 1) {
                    currentSlide++;
                    animate();
                } else {
                    $(slidesHolder).css({
                        'left': 0
                    });
                    currentSlide = 0;
                    animate();
                }
            });
        }
        animate();
    });
</script>

$(窗口)。加载(函数(){
var slideContainer=$(“#slider_container”)、slideshalder=$(slideContainer.children()、slideWidth=slideContainer.width()、slidePos=0、slides=$(slideshalder.children()、slideTotal=slides.length、currentlide=0、delay=3000、slideTime=800;
$(slideContainer).css({
“溢出”:“隐藏”,
“位置”:“相对”
});
$(幻灯片文件夹).css({
“位置”:“绝对”
});
对于(变量i=0;i