5
A
回答
10
正如@Archer在上面指出的,一種方法是預先加載它們,然後重置src。使用jQuery你可以做類似的事情:
$(window).load(function() {
$('.preload').attr('src', function(i,a){
$(this).attr('src','').removeClass('preload').attr('src',a);
});
});
請參閱jsfiddle。
-2
嘗試將它們全部預加載到頁面的頭部,並在身體加載時運行它們。製作一個功能,function gifs{}
也許,並像這樣運行:<body onload="gifs()">
。
1
考慮用png序列(sprite表)甚至jpg序列替換你的gifs,這取決於內容的類型。
創建所需動畫大小的div,將sprite表設置爲隱藏溢出的背景圖像。
在javascript中創建一個計時器,它可以在每個時間間隔同時更新所有動畫(背景圖像位置),從而可以非常精確地控制幀速率。
我以前使用過這種技術,如果精靈表不會太多地影響加載時間,它就會工作得很好。
相關問題
- 1. Perforce沒有同步所有文件
- 2. AXIS:OperationDesc沒有同步到一個方法
- 3. 有沒有Groovy方法使一個方法同步?
- 4. perforce同步沒有這樣的文件
- 5. 有沒有辦法同步不同的Word文檔的部分?
- 6. 有沒有辦法在Vagrant中同步子文件夾?
- 7. 有沒有辦法在NAudio中同步播放WAV文件?
- 8. Jedi VCS沒有同步一個文件
- 9. 同步文件沒有提交?
- 10. 有沒有辦法添加一個GIF到Markdown文件?
- 11. 有沒有使用nexus同步儲存庫的方法?
- 12. 有沒有辦法同步這個?
- 13. 有沒有同步算法/參考可用於同步目錄?
- 14. 有沒有像GIF的pngcrush?
- 15. 有沒有辦法以編程方式啓動Mobile me同步?
- 16. 有沒有其他方法可以檢查並同步列表?
- 17. 是否有通用的方法來同步異步方法?
- 18. 同步沒有文件的文件系統
- 19. 組件僅使用InvokeAsync方法。沒有同步純調用方法
- 20. 有沒有方法文字?
- 21. Java Synchronized同步所有同步的類之間的方法?
- 22. 沒有鎖的同步
- 23. 有沒有一種方法來單元測試異步方法?
- 24. xml文件的同步方法
- 25. ConcurrentModificationException的具有同步和非同步方法
- 26. 同步所有方法的類將表現爲同步塊?
- 27. Gif沒有顯示
- 28. 方法同步vs對象同步有什麼不同?
- 29. 文件沒有出現在Nitrous.io桌面同步文件夾中
- 30. Couchbase大文檔沒有同步網關
你無法控制用JavaScript(或任何JavaScript庫)啓動gif文件。你可以做的最好的做法是預加載它們,然後在全部加載的同時重新設置它們的src。這將使他們都重新啓動。 – Archer
我認爲這將是阿切爾的答案。 「重置src」是什麼意思? – williamsongibson
有兩種方法可以去。可以在頁面上放置圖像並讓它們全部加載,或者將頁面上的圖像隱藏並使用純粹在腳本中的圖像對象將它們加載到內存中。一旦它們全部加載完畢,只需爲頁面中的每個圖像設置src即可。通過重置src,我僅僅意味着將src屬性設置爲它已經是 - 「$(」img「)。each(function(){$(this)[0] .src = $(this)[0])。 src;});' – Archer