2011-06-29 65 views
1

我做了一個類似於itunes在Mac上用作屏幕保護程序的coverflow的動畫。它使用ajax獲取帶有文件名的列表,並開始循環以隨機填充div。jquery動畫在背景中怪胎

演示代碼: http://jsfiddle.net/FQmXK/4/

所有這一切的偉大工程,但是當你最小化瀏覽器或轉到谷歌瀏覽器不同的選項卡中的問題開始。動畫似乎排隊了一堆循環,並試圖在窗口再次打開時執行它們。這導致各種各樣的問題,圖像未定義,各種閃爍在屏幕上......

我想知道是否有任何已建立的解決方案,這種排隊行爲?我是否可以強制它執行所有動畫,即使它不可見?

+0

A [的jsfiddle測試用例(http://jsfiddle.net/)重現問題可能會幫助你得到一個在這裏回答。您可以使用[http://dummyimage.com/](http://dummyimage.com/)或[http://placekitten.com/](http://placekitten.com/)獲取圖像。 – thirtydot

+0

增加了jsFiddle演示。 –

回答

1

這個問題討論了同樣的問題,提供了一種通用的解決方案:

How can I make setInterval also work when a tab is inactive in Chrome?

+0

這不適用於選擇隨機div並將圖像加載到它們中。 「把他們放回去」並不是真正的選擇。 –

+0

我對這個問題並不熟悉,超出了我記得那個問題並認爲它有關的事實。我無法解決您的問題,而無需花費太多時間進行實驗 - 對不起。 – thirtydot