Изменчивый анимированный фон слайд-шоу на веб-странице

Question

Я работаю над веб-страницей с анимированным фоном.Я использую MooTools для плавного затухания серии изображений приличного размера (например, 1100px x 750px).

Я думаю, так как браузеру приходится делать так много работы по рендерингу, затемняя эти изображения, когда вы делаете страницу полноэкранной, анимация перекрестного затухания становится прерывистой.

В поисках путей преодоления этого, Я уже планирую переписать слайд-шоу на наиболее эффективный из всех, что я только могу сделать, JavaScript.

Есть ли у кого-нибудь еще идеи о том, как обеспечить плавную работу анимированного фона при больших размерах окна браузера?

Answer 1

Эффект Crossfade стоит дорого, и вы получите очень низкие кадры в секунду при этом разрешении. Вместо кроссфейдера я бы попробовал эффект слайда вверх / вниз / влево / вправо или эффект стирания. Я большой поклонник плагина jQuery tools Scrollable .

Answer 2

Как вы сказали сами, это, вероятно, проблема рендеринга, а не проблема скорости вашего javascript, тем более что существует разница в производительности между полноэкранным и не-fuulscreen.Ваш JS будет иметь реальный эффект.