ciao e grazie per la risposta.
non so se sbaglio qualcosa io, comunque il background-position funziona con un solo valore, se ne specifico due non va (background-position: 10px è ok, background position: 0px 10px non va).
Comunque il codice che mi hai suggerito mi esegue (giustamente) le animazioni "gradualmente", mentre a me serviva una cosa "a scatti".
Grazie ai tuoi consigli ho risolto in questo modo
considerando però che dovrò inserire più animazioni di questo tipo nella stessa pagina, vorrei sapere se questo codice appesantisce molto il caricamento e se hai qualche consiglio per migliorarlo (così funziona comunque)codice:<script> function animation () { $("#logo").animate({'background-position' : '0px'}, 0).delay(500).animate({'background-position' : '80px'}, 0).delay(500).animate({'background-position' : '160px'}, 0).delay(500).animate({'background-position' : '240px'}, 0).delay(500).animate({'background-position' : '240px'}, 0, function() { animation();}); } $(document).ready(function(){ animation(); });
grazie![]()

Rispondi quotando