加載微調gif圖像卡住

Question

我正在使用加載微調，當我想離開一個頁面。我正在使用GIF而不是Web Kit轉換，因爲我需要支持Opera和Firefox等瀏覽器。當我嘗試離開頁面時，微調器會在很短的時間內工作，然後卡住。但是，該頁面是定向的。是因爲gif文件是4KB嗎？如何解決這個問題？

Answer 1

我以前碰到過這個。發生這種情況的原因是，當您離開頁面時，瀏覽器開始卸載所有資源。這包括.gif圖像，並停止動畫。

我發現使用JavaScript做動畫與使用動畫的.gif會保持動畫更長的時間。只需製作不同幀的精靈並做一些這樣的事情。在這個例子中，你的精靈幀將從左到右：

var numFrames = 10, frameWidth = 50, frameDuration = 200, currentFrame = 0; 

function animate() { 
    var position = frameWidth * currentFrame * -1; 
    $('#sprite-element').css('background-position', position + 'px 0px'); 
    if(currentFrame == numFrames - 1) 
     currentFrame = 0; 
    else 
     currentFrame++; 

    setTimeout(animate, frameDuration); 
}