Почему на каждом элементе div, который я помещаю на бесконечный слайдер, есть зазор?

0

Я делаю свой собственный слайдер. То, что я пытаюсь сделать после того, как первый 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');     
    }                       
}
Теги:

1 ответ

0

иногда его легче использовать кассету с ползунками внутри нее.

<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

ура...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню