Witam!

Wyszukałem gdzieś w necie jak się zmienia obrazki za pomocą jQuery. Utworzyłem taki kod:

[HTML] pobierz, plaintext 
Nazwa:<br />
<input type="text" id="nazwa" name="nazwa" />
<img class="img" id="wait" src="../images/empty.png" alt="" />
<!-- kawałek kodu -->
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$("#nazwa").change(function() {
	$("#wait").attr("src", "../images/wait.gif");	
})
[JAVASCRIPT] pobierz, plaintext 

Cały JS mam w osobnym pliku. Plik się ładuje, firebug niczego nie wykrywa. Ale niestety zmiana nie działa. O co chodzi?

--EDIT:
jQuery też jest ładowane. Proszę o pomoc!

http://api.jquery.com/ready/

Ok, zdarzenie blur() się wykonuje (wiem, bo dodałem proste alert w funkcji). Ale nadal zmiana obrazków nie działa

--EDIT:
Nie działa, bo zmieniam obrazek .png na obrazek .gif. Jak ustawiłem na inny obrazek .png - zmieniło.

Pytanie: jak zmienić obrazek .png na animację .gif?

Mi działa.

[HTML] pobierz, plaintext 
$(document).ready( function(){ $("#nazwa").change(function() { $("#wait").attr("src", "../images/wait.gif");})})
[HTML] pobierz, plaintext 

Tylko, że change() zaskoczy dopiero jak coś wpiszesz i np. klikniesz poza inputem. Input musi stracić focus.
Może lepsze byłoby keydown() ?

Mi też już działa. Jak dodałem to ready to zapomniałem dodać }) i się posypało.