我做幻灯片和图像不会是一成不变的,他们会通过一个动态数组中拉出,最后它看起来就像这样:使用HTML5&Canvas或CSS3(背景图片)&jquery制作幻灯片更好吗?
什么,我想知道是,什么是更友善的CPU,CSS3 & jQuery使转换褪色简单地通过改变div的CSS类将填满屏幕,或,画布上绘制它每次刷新?
我做幻灯片和图像不会是一成不变的,他们会通过一个动态数组中拉出,最后它看起来就像这样:使用HTML5&Canvas或CSS3(背景图片)&jquery制作幻灯片更好吗?
什么,我想知道是,什么是更友善的CPU,CSS3 & jQuery使转换褪色简单地通过改变div的CSS类将填满屏幕,或,画布上绘制它每次刷新?
的Webkit(Safari浏览器,浏览器等),还内置了基于CSS的过渡特效的支持,和Mozilla正在加入他们。能够使用浏览器提供的转换(如果可用)将肯定会提高性能。
我不确定你的浏览器兼容性要求是什么,但请记住没有IE版本支持<canvas>
呢。您可以使用JavaScript库来提供伪支持,但我会想象会导致性能下降。
您不必使用HTML5,但没有什么能阻止你......其实,这里有一个关于HTML5幻灯片(使用HTML5)!
鉴于我们所处的困境,我们目前的IE不支持CANVAS
那么我会说坚持使用jQuery版本。当然,除非你不介意排除IE - 但是记住它仍然是目前最流行的浏览器。
我也会说滑块不是CPU密集型的,我总是会首先考虑可维护性和兼容性。
的选择大量进入了我的脑海:
视线被JS/CSS都经过严格测试的&快速实施。 CPU使用率不太可能成为问题。
不过,如果你想用帆布选项和支持基于微软 - 浏览 - 啄去体验,你可以通过Raphaël跨浏览器API绘制简化你的生活。
Pure CSS transitions是最优雅的(可以说)的方法。不幸的是,库比蒂诺以外的人都懒得实施它们,所以目前它们的使用大多局限于额外的眼睛糖果。
复古的方式:假装它是2001年和these guys使您可以做一些严重的CPU烧几百块钱。
我认为你让我的选择非常简单,你给了我一个很好的理由,为什么我应该使用CSS3,最重要的是,为什么不用帆布......谢谢! – Noor 2010-04-22 13:03:34
+1使用CSS3转换并处于边界! – jholster 2010-04-26 22:21:46