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.