 [JavaScript]Automatyczne przesuwanie buttonów |
  |
| [JavaScript]Automatyczne przesuwanie buttonów |
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 |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 651 Pomógł: 116 Dołączył: 3.06.2012 Skąd: Lędziny Ostrzeżenie: (0%)
|
ah, zapomniałem o demie, wybacz.
Na dole, na stronie głównej, tutaj: http://sportaudi.pl/index.php |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
Sprawdź w dokumentacji tej wtyczki, na pewno jest rozwiązanie (jeśli nie to musisz ją edytować i spradzić czy ilość obrazków == 2, jeśli tak to przewijasz dalej i/lub od nowa). Jednak polecałbym Ci poszukać pod frazą "jquery simple slider", przy niewielkich nakładach kodu, masz wszytko w pakiecie czego potrzebujesz.
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
Post
#5
|
|
|
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. |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 4 298 Pomógł: 447 Dołączył: 16.11.2006 Ostrzeżenie: (0%)
|
-------------------- Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta). |
|
|
|
|
|
Aktualny czas: 21.08.2025 - 20:36 |
