/ / Зробіть jQuery анімацію великих зображень, що рухаються плавніше - javascript, jquery

Зробіть jQuery анімацією великого зображення, що рухається гладкіше - javascript, jquery

jQuery, здається, бореться, коли анімовано переміщує зображення розміром більше 1600x1200 навколо сторінки.

Зрозуміло, що "гладкість" анімації обмежена комп'ютером / браузером, але чи є спосіб анімації зробити більш гладкою в jQuery?

Відповіді:

0 для відповіді № 1

Ви можете зробити цю анімацію значно плавнішою, додавши наступний рядок коду до свого сценарію.

Людське око може бачити лише близько 33 кадрів на кожногодругий. Анімація jQuery за замовчуванням використовує 1000/13 кадрів в секунду (близько 76 кадрів в секунду). Це набагато більше кадрів анімації, ніж вам потрібно, і кожен кадр коштує часу процесора.

Якщо змінити інтервал від 13 до 33, ваші анімації використовують близько 30 кадрів в секунду, що настільки ж гладко для очей і більш ніж удвічі простіше для комп'ютера.

jQuery.fx.interval = 33;