在网页上的杂乱的动画幻灯片背景

Question

我正在制作一个带有动画背景的网页。我正在使用MooTools交叉淡化一系列尺寸合适的图像（如1100px x 750px）。

我认为，由于浏览器不得不做这么多渲染工作交叉淡化这些图像，当你使页面全屏时，交叉渐变动画将变得不连贯。

在寻找克服这个问题的方法时，我已经计划用最有效的JavaScript重写幻灯片了。

有没有人对如何在大型浏览器窗口尺寸下顺畅运行动画背景有任何其他想法？

Answer 1

正如你自己所说，这可能是一个渲染问题，并不是你的javascript速度的问题，特别是因为全屏和非fuulscreen之间存在性能差异。

我怀疑优化你的js会产生任何实际效果。

Answer 2

交叉渐变效果很昂贵，你在这个分辨率下每秒会得到非常低的帧数。我不会尝试交叉淡入淡出，而是尝试向上/向下/向左/向右滑动或擦除效果。我是jQuery tools Scrollable plugin的粉丝。