JQuery Image Scroller - непрерывный цикл - PullRequest
0 голосов
/ 05 апреля 2011

Я закодировал базовый скроллер изображений, который случайным образом размещает изображения (в a), а затем позволяет использовать две кнопки для анимации, затем влево и вправо.

Пока все работает хорошо, каждое изображение перемещаетсяс другой скоростью, и когда вы перестаете зависать над кнопкой, все останавливается.

Но еще одна последняя функция, которую я хотел бы, чтобы изображения "зацикливались" назад, поэтому, если они покидают левый край, они- Появляются справа и наоборот.

Возможно ли это?

Вот мой код:

<script type="text/javascript">
    $(document).ready(function() {

        $('.Product_List li').each(function() {
            $(this).css('left', Math.floor(Math.random() * 1280));
            $(this).css('top', Math.floor(Math.random() * 200));

            var $speed = Math.floor(Math.random()*1000000);

            $(this).animate({left: "+=1280px"}, $speed, 'linear');
        });

        $('.moveLeft').hover(
            function() {
                $('.Product_List li').stop();
                $('.Product_List li').each(function() {
                    var $speed = Math.floor(Math.random()*1000000);
                    $(this).animate({left: "-=1280px"}, $speed, 'linear');
                });
            },
            function() {
                $('.Product_List li').stop();
            }
        );
        $('.moveRight').hover(
            function() {
                $('.Product_List li').stop();
                $('.Product_List li').each(function() {
                    var $speed = Math.floor(Math.random()*100000);
                    $(this).animate({left: "+=1280px"}, $speed, 'linear');
                });
            },
            function() {
                $('.Product_List li').stop();
            }
        );
    });
</script>

Надеюсь, кто-то может пролить свет на мою просьбу!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...