我正在制作一个全屏幻灯片，我尝试过使用定位、页边空白和ScrollTo来制作左/右幻灯片。
但每次都有一个性能差距需要弥补。我还没有找到一个好的方法来做到这一点，我正在寻求一些帮助。我也尝试过纯CSS，它运行得很好，但在我需要的浏览器中不起作用
我在这里有一个简单的演示：http://jsfiddle.net/qkRvS/2/embedded/result/代码位于：http://jsfiddle.net/qkRvS/2/
有人能给我指一个正确的方向，让这件事尽可能顺利吗？每一次图像的改变似乎都有一些小问题。
谢谢！
不幸的是，我认为没有一个满意的答案。CSS3转换的CSS3转换在支持它的浏览器中提供了最好的性能。对于ie7-8来说，操作left属性out可以执行滚动，但in在ie7-8上可能永远不会看起来非常平滑。Firefox的性能也不太好，但正在变得更好。在某些实例中，我发现left在firefox中比-moz-transform更具性能，但在上一个版本中可能发生了变化。所以提示：
- 尽可能压缩图像。如果可能，请使用.jpgs
- 在每个浏览器中测试每个方法
- 对每个浏览器使用性能最高的方法
- 如果你使用的是jQuery的animate方法，你可能想把帧速率从16ms调整到30ms，这样浏览器就不会因为重新绘制而受到影响
我想明白了。只需在溢出的div上使用CSS3转换和"left"，就可以减少重新绘制。