Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Automatyczne przesuwanie buttonów
Michael2318
post
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 116
Dołączył: 3.06.2012
Skąd: Lędziny

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Michael2318
post
Post #2





Grupa: Zarejestrowani
Postów: 651
Pomógł: 116
Dołączył: 3.06.2012
Skąd: Lędziny

Ostrzeżenie: (0%)
-----


Problem w tym, że nawet nie wiem gdzie szukać dokumentacji tej wtyczki bo nie ja to po prostu wgrywałem. To siedzi na forum już masę czasu.
Wolałbym zostawić obecną wtyczkę niż szukać czegoś innego.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 21:10