Forum PHP.pl > [jQuery] .animate() na pozycji tła bloku div

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] .animate() na pozycji tła bloku div

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

kacpero1094

28.02.2011, 12:57:29

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 
$(document).ready(function() {
	$("#top")
		.css({backgroundPosition: "0 0"})
		.animate({backgroundPosition: "0 -425px"},7000);
});
[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?

everth

28.02.2011, 13:21:57

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.

[CSS] pobierz, plaintext 
margin: 0 25px
[CSS] pobierz, plaintext

Do ominięcia tego powstało parę wtyczek. Poszukaj sobie.

kacpero1094

28.02.2011, 14:03:12

Znalazłem. Dzięki za pomoc!

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.