Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] animacja tła div-a po najechaniu myszką
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
elektrrrus
Witam.
Taki kod:
  1. <?php
  2. $('.animate').hover(function(){
  3.        var org = $(this).css('background-image');
  4.        var newbg = org.substring(0, (org.length -5)) + 'Hover.png)';
  5.        $(this).animate({'backgroundImage':newbg}, 750);
  6.    }, function(){
  7.        var org = $(this).css('background-image');
  8.        var newbg = org.substring(0, (org.length - 10)) + '.png)';
  9.        $(this).animate({'backgroundImage':newbg}, 750);        
  10.    });
  11. ?>

Niestety, choć w firebugu sprawdzone, ściezki są ok, ale podmiana tła w ogóle nie działa.
Napisałem to wzroując się na tym: http://groups.google.com/group/jquery-en/b...69cc55882d685c8
Nie wiem jest nie tak, próboałem zwykłą podmianę funkcją css, to działa. Ale jak to zanimować?

--------------
Trochę się sytuacja rozjaśniła, ale dalej nie wiem dlaczego. Otóż wygląda na to, że animate() dodaje automatycznie na koniec stringu który wstawia w atrybut css wartość "px". Tak, jakby miała operować tylko na wymiarach, np. animacje background-position. Czy w takim wypadu jest możliwe w ogóle animowanie obrazka tła?
lord_t
Cytat(Dokumentacja jQuery metoda animate())
Only properties that take numeric values are supported (e.g. backgroundColor is not supported).


Co chciałeś osiągnąć? Przenikanie się obrazków? Skorzystaj z opacity która ma wartości liczbowe.
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.