我做幻燈片和圖像不會是一成不變的,他們會通過一個動態數組中拉出,最後它看起來就像這樣:使用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