我的图像滑块有空格

时间:2011-10-23 22:18:13

标签: javascript css image slider

Plz见以下链接, 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');

1 个答案:

答案 0 :(得分:2)

picslider.css表上有错误,宽度和高度未正确设置;

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

修复它,它应该可以正常工作。

<强>固定。

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