按順序使用jQuery交換圖像

我正在嘗試使用jQuery來交換設置序列中元素的背景圖像，以創建一個動畫，其中每個圖像都是不同的幀，並且它應該遍歷幀直到到達最後框架，然後再返回到開始。按順序使用jQuery交換圖像

我的代碼如下：

$spinner_currentFrame = 1; 

      function UpdateSpinner(target, numFrames) 
      { 
       $spinner_currentFrame = ($spinner_currentFrame) + 1; 
       if($spinner_currentFrame > numFrames) { 
        $spinner_currentFrame = 1; 
       } 
       $(target).css("background-image", "frame-" + $spinner_currentFrame + ".jpg"); 
      } 

      $(document).ready(function() 
      { 
       $spinner_loadingAnim = setInterval(function() 
       { 
        UpdateSpinner('#spinner', 300); 
       }, 
       24); 
      });

我使用的不是一個精靈的原因是因爲我有幾百張圖片和幀已經從Flash導出像frame-1.jpg, frame-2.jpg。然而，我的代碼不報告任何錯誤，但沒有添加背景圖像...任何想法？建議？

感謝

來源

2012-10-17 Cameron

的background-image CSS屬性需要與url("/path/frame-1.jpg")進行設置。

$(target).css("background-image", "url('frame-" + $spinner_currentFrame + ".jpg')");

來源

2012-10-17 13:28:11

也許我錯了，但不會有像

$(target).css("background-image", "url(frame-" + $spinner_currentFrame + ".jpg)");

來源

2012-10-17 13:29:04

$(target).css("background-image", "url('frame-" + $spinner_currentFrame + ".jpg')");

一樣的問題Setting background-image using jQuery CSS property

編輯 - 錯字

來源

2012-10-17 13:32:57

按順序使用jQuery交換圖像

回答

相關問題