添加图片预加载到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.'); 
         } 
        } 
       }); 

      }