jQuery Slider - 图像看起来很生涩：/答案

【问题标题】：jQuery Slider - Images seem jerky :/jQuery Slider - 图像看起来很生涩：/
【发布时间】：2012-03-08 14:05:39
【问题描述】：

如您所见，当我希望一个图像平滑地淡入另一个图像时，图像似乎会抖动。有什么想法吗？

非常感谢

【问题讨论】：

【解决方案1】：

首先，您使用的图片大小为 4mb，对于初始加载来说太重了。

如果你想让它们不变形，你必须去掉图像的height:100%，这样它就会被裁剪。

【讨论】：

这不是我要问的图像失真。我只是想解决淡入/淡出问题。它似乎淡出然后在下一张图像中捕捉。不是一个平稳的过渡.. :/
你的 .simple-slider 元素应该有“position:absolute”以保持一个在另一个之上，并且它们会逐渐消失。相对位置，您的另一张图片在另一张下方，那是因为您无法获得淡入淡出的效果。

【解决方案2】：

您正在使用巨大的图像，所以这对于浏览器来说是多余的。您还应该考虑集成 CSS3 动画，因为这些动画通常比基于 javascript 的动画更流畅。

【讨论】：

你不能像依赖 jQuery 一样依赖 CSS3。还有很多浏览器不支持。
啊啊啊啊我好像修好了。图像在彼此下方而不是在彼此上方加载。设置位置 top: 0 和 left: 0 似乎有效。
@Archer 我知道很多浏览器不支持 CSS3，但目前很多浏览器都支持 CSS3，所以使用 Modernizr 等库来决定使用哪种动画技术（并创建很多 if-else声明）为消费者网站带来回报

【解决方案3】：

啊啊啊啊我好像修好了。图像在彼此下方而不是在彼此上方加载。设置位置 top: 0 和 left: 0 似乎有效。

谢谢大家

【讨论】：