javascript - 网页上不稳定的动画幻灯片背景

标签 javascript html fullscreen

我正在制作一个带有动画背景的网页。我正在使用 MooTools 交叉淡入淡出一系列大小合适的图像(例如 1100 像素 x 750 像素)。

我认为,由于浏览器必须对这些图像进行大量渲染工作,因此当您将页面设为全屏时,交叉淡入淡出动画将会变得断断续续。

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

对于如何让动画背景在大浏览器窗口尺寸下平稳运行,有人有任何其他想法吗?

最佳答案

交叉淡入淡出效果的成本很高,并且在该分辨率下每秒帧数非常低。我会尝试上/下/左/右滑动或删除效果,而不是交叉淡入淡出。我是 jQuery tools Scrollable plugin 的忠实粉丝.

关于javascript - 网页上不稳定的动画幻灯片背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5340014/

相关文章:

javascript - 如何将主干路由器应用于完整路径,而不是哈希

javascript - 使用jquery,如果我单击一个文本框,如何清除表单上的所有文本框?

html - 有没有办法判断 Safari 是否全屏? (例如 document.fullscreenElement)

objective-c - 退出全屏模式后如何接收 NSView 的键盘事件?

php - 如何将变量传递给 javascript 并从 php 返回?

javascript - 如何确定给定字符串是否代表日期?

javascript - 碰撞检测问题;对某些条件的奇怪 react

html - Chrome 网上应用店 CSS 布局

javascript - 这段代码有什么问题

java - 双击按键绑定(bind) Java