Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] .animate() na pozycji tła bloku div
kacpero1094
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 22.12.2008

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


Mam duże zdjęcie jako tło bloku div do przesuwania w pionie. Domyślnie ustawiałem je tak, żeby było widać mniej więcej środek (jakby ktoś nie miał JS włączonego w przeglądarce). Później w jQuery za pomocą .css() przywracam zerowe położenie. Napisałem więc kod do animacji:
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. $("#top")
  3. .css({backgroundPosition: "0 0"})
  4. .animate({backgroundPosition: "0 -425px"},7000);
  5. });
[JAVASCRIPT] pobierz, plaintext

Problem w tym, że animacja nie działa, w manualu nie mogę znaleźć przyczyny, a w książce (jQuery 1.3. Wprowadzenie) i na większości stronach jest starsza wersja biblioteki. Ja korzystam z 1.5. Może ktoś wie co jest nie tak?
Go to the top of the page
+Quote Post
everth
post
Post #2





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

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


O ile nic się nie zmieniło to to zdanie z manual jQuery zachowuje ważność
Cytat
All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality. (For example, width, height, or left can be animated but background-color cannot be.)

background-position raczej również pod nie podpada. Tak samo próba podania (lub pobrania) wartości złożonych np.
  1. margin: 0 25px

Do ominięcia tego powstało parę wtyczek. Poszukaj sobie.
Go to the top of the page
+Quote Post
kacpero1094
post
Post #3





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 22.12.2008

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


Znalazłem. Dzięki za pomoc!
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: 15.09.2025 - 18:12