Crea animazione jQuery per immagini di grandi dimensioni che si spostano più uniforme: javascript, jquery

jQuery sembra avere difficoltà quando si sposta un'immagine più grande di 1600x1200 sulla pagina in modo animato.

Chiaramente, la "fluidità" di un'animazione è limitata dal computer / browser, ma esiste un modo per rendere più agevole un'animazione in jQuery?

risposte:

Puoi rendere questo tipo di animazione significativamente più agevole aggiungendo la seguente riga di codice al tuo script.

L'occhio umano può vedere solo circa 33 fotogrammi persecondo. L'animazione jQuery predefinita utilizza 1000/13 frame al secondo (circa 76 fps). Sono molti più fotogrammi di animazione del necessario e ogni fotogramma costa tempo CPU.

Modificandolo, l'intervallo da 13 a 33 fa sì che le tue animazioni utilizzino circa 30 fotogrammi al secondo, il che è altrettanto fluido per gli occhi e più del doppio facile per il rendering del computer.

jQuery.fx.interval = 33;