Я делаю свой собственный слайдер. То, что я пытаюсь сделать после того, как первый div достиг определенной позиции, я изменил свое положение, вычислив положение последнего div и добавив его ширину.
Кажется, что вы работаете, пока не увидите разрыв между изображениями.
Вот ссылка: http://labs.lesevades.com/opc
Вот мой код:
setInterval(function(){
animateCarousel();
},5000);
function animateCarousel() {
$('div', section).animate({
'left':'-=780'
}, 2500, 'easeInExpo', testMovement);
}
function testMovement() {
if($(this).position().left < -781) {
var lastPos = $('div', section).last().position().left;
var totalLastPos = lastPos+781;
$(this).css('left', totalLastPos+'px');
}
}
иногда его легче использовать кассету с ползунками внутри нее.
<div class='overflow-hidden'>
<div class='cassette'>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
</div>
</div>
теперь просто вставьте свой кассетный div в нужное вам положение... вам не нужно вычислять отдельные позиции и перемещать все divs
здесь кое-что, что я сделал некоторое время назад... может помочь вам...
https://github.com/drmjo/urbancoyote-slider
ура...