Witam.
Wydawało mi się, że potrafię napisać sobie prostą funkcję, która wywołuje zmianę obrazka po najechaniu dany element.
Żeby było ciekawiej zmiana obrazka nie działa, ale np zmiana jego paddingu juz tak.
Podam przykłądy o co to chodzi.
Gdy stosuję takie zestawienie, działa ono prawidłowo:

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$(".language").hover(function(){
		$("#container").animate({paddingTop:"+=5"},1000);
	});
});
[HTML] pobierz, plaintext 

natomiast tak już nie idzie:

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$(".language").hover(function(){
		$("#container").animate({backgroundImage:"img/intro.jpeg"},1000);
	});
});
[HTML] pobierz, plaintext 

Pliki jakie załączałem to:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
[HTML] pobierz, plaintext 

O co moze tu chodzić i co robię źle?

animate nie wie jaką chcesz wykonać animacje ( animate działa tylko na wartościach numerycznych ). A skoro nie może wywołać animacji to nie robi nic.

możesz zrobić:



albo napisać własną animację, taką jaką chcesz od postaw, pewnie są jakieś tutoriale, proadniki w internecie