Отложенный запуск изображения GIF в IE и Edge - PullRequest
Новая
       97

Отложенный запуск изображения GIF в IE и Edge

0 голосов
/ 26 мая 2020

Я пытаюсь показать вращающееся изображение на своем веб-сайте. Я попробовал это очень просто, как показано ниже, в HTML - 

<div id="wait" style="display:none;width:300px;height:300px;position:absolute;top:50%;left:50%;padding:2px;">
<img src='image/spinner.gif' width="300" height="300" />
</div>

И просто изменив его свойство отображения с Jquery, как показано ниже - 

<script type="text/javascript">
        $("#example").on("click", "tbody tr td:nth-child(3)", function() {
            **$("#wait").css("display", "block");**
            var $name = $(this).text();
            var $name2 = $(this).closest('td').prev('td').text();
            var $name3 = $name.concat("&&val=", $name2);
            var uid = getUrlVars()["uid"];
            var fid = getUrlVars()["fid"];
            var url1 = 'logapi1.php?query=' + $name + '&&val=' + $name2;
            var url2 = 'logapi2.php?query=' + $name + '&&val=' + $name2;
            var url3 = 'logapiheader.php?query=' + $name + '&&val=' + $name2;
            var url4 = 'logapifull.php?query=' + $name + '&&val=' + $name2;
            var url5 = 'logapinum.php?query=' + $name + '&&val=' + $name2;
            var urls = [url1, url2, url3, url4, url5];
            console.log(urls);
            $.each(urls, function(i, u) {
                $.ajax(u, {
                    type: "POST",
                    datatype: "JSON",
                    async: false,
                    success: function() {
                        return true;
                    }
                });
            });
            window.location = "logpage02.php?query=" + $name3 + "&&uid=" + uid + "&&fid=" + fid;
        });
        </script>

Это работает в IE11, Edge & Firefox.

Но проблема в том, что в FF Gif запускается сразу после нажатия на ссылку td. В то время как в IE & Edge он запускается через несколько мс. Например, для задержки в 2 секунды в FF gif начинается сразу после нажатия на ссылку и остается в течение 2 секунд. Но для IE и Edge он начинается почти после 1se c и остается в течение 1se c.

Я знаю, что это не большая проблема, но все же хочу знать, почему это происходит .

1 Ответ

0 голосов
/ 27 мая 2020

Я попытался запустить показанный вами код. Я обнаружил, что в IE, Edge и Google не было задержки движения. Вы можете проверить, есть ли проблема с вашим вращающимся изображением.

Вы можете обратиться к следующим методам для получения дополнительной информации.

  1. Влияние функции Edge Lazy Loading .
  2. Отключите сторонние надстройки , чтобы уменьшить задержку.
...