Take the 2-minute tour ×

Plz see the following link, http://www.beta.storeji.in/ when the image slides the next image wont slide appear until the sliding is done and white space is showed instead of image. How to fix this?

this is my slider javascript code

function slide()
        $('#imgholder img:first-child').addClass('current');
        $('#imgholder').animate({left: '0px'});
            return 'current';
        $('#imgholder').animate({left: '-=980'},{duration: 'slow', easing: 'easeOutBounce' });
var loop_handle= setInterval("slide()",'5000');
share|improve this question
try making the left: '-=980" left:'=-980" –  albert Oct 23 '11 at 22:54
@albert, I'm not against somebody learning something new, but maybe the OP just does not realize this wheel has already been invented. –  Sparky Oct 23 '11 at 22:58
I found it easier to create my own rather than using a lib for my module –  pahnin Oct 24 '11 at 11:56
add comment

1 Answer

up vote 2 down vote accepted

You have an error on your picslider.css sheet, the width and height are not properly set;

    position: absolute;
    width: 5880;
    height: 490;
    z-index: 0;

Fix that and it should work fine.


    position: absolute;
    width: 5880px;
    height: 490px;
    z-index: 0;
share|improve this answer
add comment

Your Answer


