Добавить предварительный загрузчик изображений в функцию JS - PullRequest
Новая
       29

Добавить предварительный загрузчик изображений в функцию JS

0 голосов
/ 23 сентября 2011

У меня есть эта функция 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)?

1 Ответ

0 голосов
/ 23 сентября 2011

Просто добавьте загрузчик gif в свой контейнер, прежде чем ajaxing; Я вижу, как твоя функция заменяет URL. 

  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.');
                      }
                  }
              });

          }
...