Ruchoma galeria

0

Witam. Mam skrypt na ruchomą galerię:

var totalSlides = 0;
var currentSlide = 1;
var contentSlides = "";

$(document).ready(function(){
  $("#slideshow-previous").click(showPreviousSlide);
  $("#slideshow-next").click(showNextSlide);
  
  var totalWidth = 0;
  contentSlides = $(".slideshow-content");
  contentSlides.each(function(i){
    totalWidth += this.clientWidth;
    totalSlides++;
  });
  $("#slideshow-holder").width(totalWidth);
  $("#slideshow-scroller").attr({scrollLeft: 0});
  updateButtons();
});

function showPreviousSlide()
{
  currentSlide--;
  updateContentHolder();
  updateButtons();
}

function showNextSlide()
{
  currentSlide++;
  updateContentHolder();
  updateButtons();
}

function updateContentHolder()
{
  var scrollAmount = 0;
  contentSlides.each(function(i){
    if(currentSlide - 1 > i) {
      scrollAmount += this.clientWidth;
    }
  });
  $("#slideshow-scroller").animate({scrollLeft: scrollAmount}, 1000);
}

function updateButtons()
{
  if(currentSlide < totalSlides) {
    $("#slideshow-next").show();
  } else {
    $("#slideshow-next").hide();
  }
  if(currentSlide > 1) {
    $("#slideshow-previous").show();
  } else {
    $("#slideshow-previous").hide();
  }
}

I plik index.php:

<html>
<head>

<title></title>
 
<link rel="stylesheet" href="pliki/css/style.css" type="text/css" />
<script type="text/javascript" src="pliki/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="pliki/js/slideshow.js"></script>
<link type="text/css" rel="stylesheet" href="pliki/css/slideshow.css" />


</head>

<body>


<?php
$ile_kart = 0;


$od = openDir('pliki/galeria/');

if(!$od) return false;
$ilosc = 1;
for($z = 0 ; $z < $ilosc ; $z++)
{
$ilosc++;
$tablica[$z] = readDir($od);
if($tablica[$z] == false)
{
$ilosc = $ilosc - 4;
break;
}
}

closeDir($od);

if($ilosc > 5)
{
$ile_kart = $ilosc / 5;
$wynik = $ile_kart * 5;
if($wynik < $ilosc)
$ile_kart++;
}


echo '<div id="slideshow-scroller">';
    	echo '<div id="slideshow-holder">';
		    $i = 0;
            for($m=0 ; $m <= $ile_kart ; $m++)
			{
      		echo '<div class="slideshow-content">';
			  for( ; $i <= $ilosc ; $i++)
              {
             // echo '<div class="ramka">';
              echo '<img src="pliki/galeria/'.$tablica[$i].'" alt="Projekty Stron" />';
              //echo '<p class="podpis">'.$tablica[$i].'</p>';
              //echo '</div>';
              }
			echo '</div>';
			$i = $i + 6;
			}
		echo '</div>';
		
 echo '</div>';
 echo '<div id="slideshow-previous"></div>';
 echo '<div id="slideshow-next"></div>';

?>
</html>

Jednak nie wiem czemu, gdy klikam na strzałkę w prawo to wszystko stoi w miejscu. Początkowo myślałem, że to dlatego, że obrazki są w blokach div, ale gdy je "usunąłem" problem pozostał.

Bardzo proszę o pomoc.

P.s.

Tutaj jest folder z wszystkimi plikami:
http://rapidshare.com/files/278624240/galery.rar.html

0

http://getfirebug.com/

0

Ale tu nie ma błędu składniowego, tylko jest błąd w działaniu skryptu.

0

Ale Firebug umiejętnie operowany może służyć do wszystkiego.

1 użytkowników online, w tym zalogowanych: 0, gości: 1