Javascript 我的图像滑块有空白

Javascript 我的图像滑块有空白,javascript,css,image,slider,Javascript,Css,Image,Slider,请参见以下链接, 当图像滑动时,下一个图像不会滑动,直到滑动完成并显示空白而不是图像。如何解决这个问题 这是我的javascript代码 function slide() { if($('.current').is(':last-child')){ $('.current').removeClass('current'); $('#imgholder img:first-child').addClass('current'); $('#im

请参见以下链接, 当图像滑动时,下一个图像不会滑动,直到滑动完成并显示空白而不是图像。如何解决这个问题

这是我的javascript代码

function slide()
{
    if($('.current').is(':last-child')){
        $('.current').removeClass('current');
        $('#imgholder img:first-child').addClass('current');
        $('#imgholder').animate({left: '0px'});
    }
    else{
        $('.current').removeClass(function(){
            $(this).next().addClass('current');
            return 'current';
        });
        $('#imgholder').animate({left: '-=980'},{duration: 'slow', easing: 'easeOutBounce' });
        }
}
var loop_handle= setInterval("slide()",'5000');

picslider.css工作表有错误,宽度和高度设置不正确

#imgholder{
    position: absolute;
    width: 5880;
    height: 490;
    z-index: 0;
}
解决这个问题,它应该可以正常工作

已修复。

#imgholder{
    position: absolute;
    width: 5880px;
    height: 490px;
    z-index: 0;
}

试着做左:'-=980“左:'=-980”@albert,我不反对有人学习新东西,但也许OP只是没有意识到这个轮子已经被发明了。我发现创建自己的轮子比为我的模块使用库更容易