>
go up
var slideTotal = $('.slides .slide').length, slidesWidth = $('.slides .slide').width() + 15, maxMargin = -slideTotal * slidesWidth + slidesWidth, pos = 0, curSlide = 0, autoOff = true; $(function(){ $('.slidesContainer').width(slidesWidth * slideTotal); slideLoop(); $('.buttons li').click(function(){ $('.slidesContainer').stop(); autoOff = true; curSlide = $(this).index() +1; $('.buttons li').removeClass('active'); $(this).addClass('active'); $('.slidesContainer').animate({ marginLeft: -slidesWidth * curSlide + slidesWidth + 'px' }, 500); }); }); function slideLoop(){ if(autoOff === false){ pos = -slidesWidth * curSlide + slidesWidth; if(pos <= maxMargin){ pos = 0; curSlide=1; } else { pos = pos - slidesWidth; curSlide++; } $('.slidesContainer').animate({ marginLeft: pos + 'px' }, 500, function(){ setTimeout(function(){ slideLoop() }, 3000); }); } }