Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript][CSS] Pokaz slajdów - Firefox
DiKey
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 13.10.2010

Ostrzeżenie: (0%)
-----


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

Ten post edytował DiKey 12.02.2011, 21:01:03
Go to the top of the page
+Quote Post
Armstrong
post
Post #2





Grupa: Zarejestrowani
Postów: 200
Pomógł: 40
Dołączył: 26.08.2009
Skąd: Kobiernice

Ostrzeżenie: (0%)
-----


Nie pomogę nie mam F3.6 ale na F4 beta 11 działa dobrze. (win)

Ten post edytował Armstrong 12.02.2011, 21:07:12
Go to the top of the page
+Quote Post
lobopol
post
Post #3





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


Najprostsza spraw wymień wtyczkę i użyj nowszej wersji jquery np. http://jquery.malsup.com/cycle/
Go to the top of the page
+Quote Post
DiKey
post
Post #4





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 13.10.2010

Ostrzeżenie: (0%)
-----


@lobopol
Próbowałem używać różnych wersji, ale efekt taki sam.
Go to the top of the page
+Quote Post
lobopol
post
Post #5





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


No to co przed sekundą wysłałem działa na firefoksie.
Go to the top of the page
+Quote Post
DiKey
post
Post #6





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 13.10.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 20:26