 jquery, rotator banerów, resetowanie timera |
  |
| jquery, rotator banerów, resetowanie timera |
 5.06.2013, 14:06:10
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 1 Pomógł: 0 Dołączył: 5.06.2013 Ostrzeżenie: (0%) 
 |
Witam,
Posiadam rotator banerów w systemie jquery. Do zobaczenia tutaj: http://micros.com.pl/banner_pl.php Ustawienie, aby baner przełączał się samoczynnie po 15 sekundach. Problem w tym, że klikając na suwak następnego lub poprzedniego banera timer nie jest resetowany do ponownych 15 sekund. Bardzo proszę o pomoc jak to ustawić, kompletnie się nie znam na jquery. Kod banner_pl.php Kod <?php $myDir = dir("./banner_pl"); //odpalamy dira $hiddenFiles = array( //tablica z zakazanymi plikami '.','..', //dir 'index.php', 'hidden.html', 'someFile.txt' ); $nrtab = 0; while($fileName = $myDir->read()) { //jezeli plik nie jest w tablicy if ( !(in_array($fileName, $hiddenFiles)) ) { //wyswietlamy nazwe z linkiem do pliku i rozmiarem // echo ' // // <a href="'.ereg_replace(' ','%20',$fileName).'">'.$fileName.'</a> - // // '.sprintf("%01.2f", (filesize($fileName) / 1024 )).' kB $tablica_plikow[$nrtab] = ereg_replace(' ','%20',$fileName); $nrtab = $nrtab + 1; } } // var_dump($tablica_plikow); $myDir->close(); // echo count ($tablica_plikow); // echo '<br>'; // echo $tablica_plikow[0]; // echo '<br>'; // echo $tablica_plikow[2]; ?> <head> <link type="text/css" href="banner/css-cache.css" rel="stylesheet"> <script type="text/javascript" src="banner/jquery-1.js"></script> <script type="text/javascript" src="banner/js-cache.css"></script> </head> <body> <body bgcolor="black"> <div id="banner" style="font-size: 16px; color: #ffffff;"> <div class="banerBotom"> <table> <tbody><tr> <td><span id="silderInfo" style="color:#828282; font-size:12px; padding:5px;">1 z <?php $liczba_ban = count ($tablica_plikow); echo $liczba_ban; ?> </span></td> <td><a href="#"><img class="prevBaner" src="banner/v1a_prev.png"></a><a href="#"><img class="pauseBaner" src="banner/v1a_pause.png"></a><a href="#"><img class="nextBaner" src="banner/v1a_next.png"></a></td> </tr> </tbody></table> </div> <div style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 960px;" class="banerSlide" width="960" height="177"> <ul style="width: 6720px; height: 177px; overflow: hidden; margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; left: -3840px;"> <?php $nr_ban = 0; shuffle($tablica_plikow); while($nr_ban < $liczba_ban) { echo '<li style="width: 700px; height: 100px; padding: 0px; margin: 0px; overflow: hidden; float: left;">'; echo '<object type="application/x-shockwave-flash" data="banner_pl/'; echo $tablica_plikow[$nr_ban]; echo '" style="width: 700px; height: 100px; padding: 0px; margin: 0px;">'; echo '<param name="movie" value="banner_pl/'; echo $tablica_plikow[$nr_ban]; echo '">'; echo '<param name="quality" value="high">'; echo '<param name="wmode" value="transparent">'; echo '<param name="scale" value="true">'; echo '</object>'; echo '</li>'; $nr_ban++; } echo '</div>'; echo '<script type="text/javascript">'; echo 'var btnPauseOn = 0;'; echo 'var startCarousel = 1;'; echo 'var banerowGlowna = '; echo $liczba_ban; echo ';'; echo '</script>'; ?> Fragment kodu js-cache.css: Kod (document).ready(function(){$(".prevBaner").mouseover(function(){$(this).attr("src",'banner/v1a_prev.png');}).mouseout(function(){$(this).attr("src",'banner/v1a_prev.png');});$(".nextBaner").mouseover(function(){$(this).attr("src",'banner/v1a_next.png');}).mouseout(function(){$(this).attr("src",'banner/v1a_next.png');});$(".pauseBaner").mouseover(function(){if(btnPauseOn==0)$(this).attr("src",'banner/v1a_pause.png');else $(this).attr("src",'banner/v1a_pause.png');}).mouseout(function(){if(btnPauseOn==0)$(this).attr("src",'banner/v1a_pause.png');else $(this).attr("src",'banner/v1a_pause.png');});if(banerowGlowna>1)autoCarousel=10000;else autoCarousel=0;$(".banerSlide").jCarouselLite({btnNext:".nextBaner",btnPrev:".prevBaner",btnPause:".pauseBaner",auto:15000,speed:1000,visible:1});$('.telefon').each(function(){var telefon=$(this).html();var telefonSkype=telefon.substring(0,3) Podejrzewam, że muszę zapoznać się z pluginem jCarouselLite i poszukać rozwiązania. |
 |
 
|
|
|
Wersja Lo-Fi | Aktualny czas: 5.05.2025 - 07:05 |
