添加圖片預加載到JS功能

Question

我有這個JS功能，這將呼叫下一個形象：

  function showNextManifest() { 
       var currentManifest = jQuery('#selectedManifestId').val(); 
       jQuery.ajax({ 
        url: "${createLink(action:'nextManifest')}?currentManifestId=" + currentManifest, 
        dataType: "json", 
        success: function(e) { 
         if (e.success) { 
          jQuery('#gotoPageNumber').val(e.pageNumber); 
          jQuery('#selectedManifestId').val(e.id); 
          jQuery('#popupManifestCustomItemId').val(e.id); 
          showLargeManifestViewer(e.url); 
         } else { 
          alert('No more additional frames for this roll.'); 
         } 
        } 
       }); 

      } 

我想在一個GIF預加載，直到圖像被顯示下降。這是否在if（e.success）之前？

Answer 1

在ajaxing之前，只需將加載器gif添加到您的容器;我可以看到你的功能取代了網址。

function showNextManifest() { 
    showLargeManifestViewer('/loading.gif'); 
    //now it shows loader gif until ajax completed  

    var currentManifest = jQuery('#selectedManifestId').val(); 
       jQuery.ajax({ 
        url: "${createLink(action:'nextManifest')}?currentManifestId=" + currentManifest, 
        dataType: "json", 
        success: function(e) { 
         if (e.success) { 
          jQuery('#gotoPageNumber').val(e.pageNumber); 
          jQuery('#selectedManifestId').val(e.id); 
          jQuery('#popupManifestCustomItemId').val(e.id); 
          showLargeManifestViewer(e.url); 
         } else { 
          alert('No more additional frames for this roll.'); 
         } 
        } 
       }); 

      }