[JavaScript]Automatyczne przesuwanie buttonów Opcje

[Michael2318]

Mam takie buttony u dołu strony. Z prawej i lewej strony są strzałki, użytkownik może sobie przewijać w dowolną stronę i przeglądać te buttony. Jeśli jednak sam nie przewija to skrypt sam to robi. Problem jest jednak taki, że skrypt przewija buttony od prawej do lewej strony. W momencie jak zostaną dwa buttony to skrypt stopuje ;/ Jak zrobić aby w przypadku gdy skończą się buttony do przewijania to skrypt automatycznie zaczął przewijać znowu z powrotem i tak w kółko? Skrypt js:

Kod

<script type="text/javascript">
            stepcarousel.setup({
                galleryid: 'mygallery', //id of carousel DIV
                beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
                panelclass: 'panel', //class of panel DIVs each holding content
                autostep: {enable:true, moveby:1, pause:3000},
                panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
                defaultbuttons: {enable: true, moveby: 1, leftnav: ['templates/sportaudi/images/lewa.png', -90, 60], rightnav: ['templates/sportaudi/images/prawa.png', 0, 60]},
                statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
                contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
            })
        </script>

A wyświetlam tak:

Kod

       <div id="bg_banery">
        <script type="text/javascript">
            stepcarousel.setup({
                galleryid: 'mygallery', //id of carousel DIV
                beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
                panelclass: 'panel', //class of panel DIVs each holding content
                autostep: {enable:true, moveby:1, pause:3000},
                panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
                defaultbuttons: {enable: true, moveby: 1, leftnav: ['templates/sportaudi/images/lewa.png', -90, 60], rightnav: ['templates/sportaudi/images/prawa.png', 0, 60]},
                statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
                contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
            })
        </script>
        <div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel">
<a href="http://odnosik.pl/"><img src="http://obraz.pl/obraz.jpg" border="0"/></a></div>
</div>
</div>
    </div>
    <br clear="all">

Poradzi mi ktoś jak osiągnąć taki efekt? ;/

Ten post edytował Michael2318 22.01.2013, 12:51:47