[HTML][JavaScript][CSS] Pokaz slajdów - Firefox Opcje

[DiKey]

Witam. Napotkałem problem na poziomie html/css/javascript i nie mogę znaleźć jego rozwiązania.
Chodzi o pokaz slajdów na stronie WWW. Użyłem do tego biblioteki jQuery 1.2.6 i jQuery Cycle Plugin 2.18.
Pokaz slajdów działa bezbłędnie w Google Chrome, Operze, a nawet w IE 7. Niestety Firefox zawiódł.
Wzorowałem się na tym poradniku: http://www.dabble.pl/news/56 i tam wszystko działa, nawet na Firefox,
więc chyba wina nie leży po stronie przeglądarki (próbowałem wziąć inny tryb przejść, ale efekt taki sam).
Użyłem te skrypty (takie same jak w poradniku):
http://www.sklep.3dr.pl/js/jquery-1.2.6.min.js
http://www.sklep.3dr.pl/js/jquery.cycle.all.pack.js
W CSS:

[XML] pobierz, plaintext 
.pics { 
   /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
   height: 400px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
   width: 260px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
   padding: 0; 
   margin: 0; 
} 
.pics img { 
   border: 1px solid #ccc; 
   background-color: #eee; 
   /* rozmiary zdjęć */
   width: 380px; /* szerokość wyświetlanych zdjęć */
   height: 260px; /* wysokość wyświetlanych zdjęć */
   margin-left: 60px;
} 
[XML] pobierz, plaintext 

W html:

[HTML] pobierz, plaintext 
   <div id="s1" class="pics">
   <a href="dr.php"><img src="img/1.jpg" /></a>
   <a href="surf.php"><img src="img/2.jpg" /></a>
   <a href="diablo.php"><img src="img/3.jpg" /></a>
   </div>
<script type="text/javascript">
  $('#s1').cycle({ 
     fx: 'fade', 
     random: 1,
     delay: -4000,
     width: 380, 
     height: 260
  }); 
</script>
[HTML] pobierz, plaintext 

Dodam, że zmieniałem formatowanie skryptów javascript z ANSI na UTF-8,
ale to nie zmieniło wyświetlania zdjęć pod sobą w Mozilli Firefox...
Strona, gdzie to nie działa - http://www.sklep.3dr.pl

Ten post edytował DiKey 12.02.2011, 21:01:03