HTML/PHP/AJAX/JS - Problem z stepcarousel (banery)
k3nzo - 30-09-2013, 12:10
Temat postu: Problem z stepcarousel (banery)
Witam wszystkich.
Mam otóż taki problem, że mam na stronie wstawione banery w formie 1 okienka w które wsuwają się kolejno banery na x sek. i następny baner. (oczywiście są przyciski do przeskakiwania banera dalej/wstecz)
Jest ich bodajże 6.
Problem w tm że jak banery dojdą do ostatniego to nie zapętlają się tudzież nie wracają.
Widok zatrzymuje się na ostatnim banerze a żeby wyświetlić od nowa wszystkie to trzeba suwakiem je cofnąć:/
PROSZĘ O POMOC I WSKAZANIE ZMIANY ABY BANERY SAME SIĘ ZAPĘTLAŁY.
Skrypt pewnie większość z was zna (ja jestem ciemny w js)
Podam jednak pełen skrypt i kod HTML:
HTML w miejscu wyśwuetlania:
| Kod: | {ROTATE_BANNER_1}
{FORUM_WARNINGS}
{ROTATE_BANNER_2}{BANNER_TOP}
<!-- Begin header -->
<div align="center" id="gora">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel">
<img src="templates/subSilver/images/baner.jpg" />
</div>
<div class="panel">
<img src="templates/subSilver/images/baner2.jpg" />
</div>
<div class="panel">
<img src="templates/subSilver/images/baner.jpg" />
</div>
<div class="panel">
<img src="templates/subSilver/images/baner2.jpg" />
</div>
<div class="panel">
<img src="templates/subSilver/images/baner.jpg" />
</div>
</div>
</div>
</div> |
HTML SKRYPTU:
| 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:1500, wraparound:false, wrapbehavior:'slide', persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['templates/subSilver/images/lewy_button.png', 10, 67], rightnav: ['templates/subSilver/images/prawy_button.png', 0, 67]},
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> |
Nydylier - 01-10-2013, 15:19
| k3nzo napisał/a: | | HTML SKRYPTU: |
To nie HTML tylko JavaScript 
MQs - 01-10-2013, 17:00
Raczej wystarczy to: | Kod: | | panelbehavior: {speed:1500, wraparound:false, wrapbehavior:'slide', persist:true}, |
Zamienić na: | Kod: | | panelbehavior: {speed:1500, wraparound:true, wrapbehavior:'slide', persist:true}, |
Być może coś jeszcze, ale sprawdź bo nie chce mi się rozkminiać kodu.
k3nzo - 01-10-2013, 18:29
Dzięki. Działa, banerki się cofają do początku.
Wiem że to js ale chodzi mi o to że fragment z overall_header.tpl gdzie jest cały html 
Dzięki za pomoc. Zresztą może komuś się przyda skrypt na stronkę.
Jak by ktoś chciał do tego cały css i strzałeczki do przewijania to na pw.
|
|
|
