我的图像滑块有空白

Question

请参阅以下链接， http://www.beta.storeji.in/ 当图像滑动时，下一个图像不会出现，直到滑动完成并且显示空白而不是图像。如何解决这个问题？

这是我的滑块 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');

Answer 1

您的 picslider.css 表有错误，宽度和高度设置不正确；

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

解决这个问题，它应该可以正常工作。

已修复。

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