2012-03-15 35 views
0

目前我在this site上工作。 在'攝影師'頁面上,我運行了一個過濾器功能,可以隱藏/顯示左側站點上與攝影師相對應的圖像。這個jQuery動畫如何優化/平滑

此時有60個縮略圖可以顯示,動畫不平滑。稍後將會有大約150張照片。

如何優化此動畫?任何建議表示讚賞!

+0

使用寬鬆..... – 2012-03-15 08:12:40

+1

請問一個問題,不要引用您的網站並要求調試。 – gdoron 2012-03-15 08:12:52

+0

我只是認爲這將是一個很好的例子,因爲每個人都可以使用代碼Inspector並查看腳本!所以,如果不允許,請刪除這個問題! – 2012-03-15 08:18:09

回答

1
  1. 預載的圖片,這樣當它等待 下載新的圖像(彩色圖像應預裝)
  2. 位置的彩色圖​​像絕對超過了原來的位置, 然後動畫它不忽悠不透明度。
  3. 先使用CSS3過渡,然​​後使用JS/jQuery動畫作爲備份。
+0

好的答案!我如何強制JS/jQuery作爲後備處理? – 2012-03-15 10:22:41

+1

使用Modernizr http://www.modernizr.com/檢查CSS3功能,然後在JS中處理它。您可以通過檢查html元素中的類csstransitions來完成此操作,或者通過執行(Modernizr.csstransitions){} – 2012-03-15 19:59:14

+0

來保護我的生活! <3 – 2012-03-16 08:32:20