Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][CSS] Pokaz slajdów - Firefox
Forum PHP.pl > Forum > Przedszkole
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:
  1. .pics {
  2. /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
  3. height: 400px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
  4. width: 260px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
  5. padding: 0;
  6. margin: 0;
  7. }
  8. .pics img {
  9. border: 1px solid #ccc;
  10. background-color: #eee;
  11. /* rozmiary zdjęć */
  12. width: 380px; /* szerokość wyświetlanych zdjęć */
  13. height: 260px; /* wysokość wyświetlanych zdjęć */
  14. margin-left: 60px;
  15. }


W html:
  1. <div id="s1" class="pics">
  2. <a href="dr.php"><img src="img/1.jpg" /></a>
  3. <a href="surf.php"><img src="img/2.jpg" /></a>
  4. <a href="diablo.php"><img src="img/3.jpg" /></a>
  5. </div>
  6. <script type="text/javascript">
  7. $('#s1').cycle({
  8. fx: 'fade',
  9. random: 1,
  10. delay: -4000,
  11. width: 380,
  12. height: 260
  13. });


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
Armstrong
Nie pomogę nie mam F3.6 ale na F4 beta 11 działa dobrze. (win)
lobopol
Najprostsza spraw wymień wtyczkę i użyj nowszej wersji jquery np. http://jquery.malsup.com/cycle/
DiKey
@lobopol
Próbowałem używać różnych wersji, ale efekt taki sam.
lobopol
No to co przed sekundą wysłałem działa na firefoksie.
DiKey
W tym poradniku też u mnie na firefoxie działa, a skrypt jest taki sam.
Sprawdzałem najnowszą wersję, min, lastest, lite itp. - żadna nie działa.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.