jQuery казус - безкраен слайд

idevbg

Registered
Много закъсах на следният казус. Имам ето това :
JPG

Квадратните изображения са 40 и трябва да се слайдват вляво безкрайно. В момента съм го написал така :

Код:
function loop(element) {
    element.animate({
		width: 'hide',
		marginLeft : 'hide',
        marginRight : 'hide'
    }, 800, 'linear', function () {
        loop( element.next() );
        element.appendTo( element[0].parentNode ).css({
            display : ''
        });
    });
}
loop ( $('.users-pictures a:first') );
Минуса в момента е, че супер много тежи и браузерите се мъчат. Ако някой има по-добре решение, ще се радвам да го предложи.
 
За тва има един готин HTML5 аддон - Worker.

http://www.html5rocks.com/en/tutorials/workers/basics/
https://developer.mozilla.org/En/Using_web_workers

Препоръчвам ти това + setInterval.
 
Грешен подход си избрал. За оптималния вариант ти трябва следното html дърво:

<div id="wrapper" style="overflow:hidden;">
<div class="animate-me-only" style="position:absolute;left:0px;top:0px;">
<a><img src="" /></a>
<a><img src="" /></a>
</div>
</div>

Анимираш само div.animate-me-only, а не всеки елемент по отделно. Опитай пак да си напишеш алгоритъма. Ако има проблеми ще помагам.

ПП: Web Workers ти позволяват да пуускаш отделни проциси и се ползват предимно за тежки изчисления, но в случая няма нужда от това.
 

Горе