[HTML] pobierz, plaintext 
<div id="DOM" style="position: absolute; left: 261px; top: 277px; z-index: 999; margin: 0pt; overflow: hidden; background: none repeat scroll 0% 0% transparent; width: 23px; height: 43px;">
<div class="display" style="width: 23px; height: 43px; display: block; overflow: hidden; background-image: url(URL); background-repeat: no-repeat; margin-left: 0px; margin-top: 0px; background-position: -4px -52px;"></div>
</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$('#DOM').children('.display').css('background-image', 'url(INNY_URL)');
[JAVASCRIPT] pobierz, plaintext 

bawie się jquery i mam tutaj taki właśnie problem. background-image w divie o klasie "display" nie chce się zmienić. dlaczego?

a background-image mozna zmienic w ogole?
a jeśli nawet tak nie lepiej sprite zrobic? przy okazji jakiś ładny efekt animacji można dać

widziałem kod, gdzie background-image zmieniał jQuery bez problemu.
a .css() w ogóle nie działa, nawet jak dam w parametrach display, none to nie zadziała.

wie ktoś może, co jest tego przyczyną?

Strzelam, że tu może być kłopot, ale spróbuj

[JAVASCRIPT] pobierz, plaintext 
$('#DOM .display').css('background-image', 'url(INNY_URL)');
[JAVASCRIPT] pobierz, plaintext 

Cały problem polega na tym, że kod jest poprawny

http://jsfiddle.net/F2bhV/ - dodałem tam zmianę po 2s, żeby było widać, że zmiana nasŧepuje.
Zobacz co pokazuje konsola błędów u Ciebie.

Dlatego strzelałem, bo nic mi się tam nie wydawało podejrzanego.

W takim razie URL do obrazków muszą być walnięte.

konsola błędów - nic

a z timeoutem nowy background-image nakłada się ze starym, a nie zmienia. kolejny problem. ;/