Изменение SIF GIF изображения в Google Chrome делает изображение заикаться - PullRequest
Новая
       33

Изменение SIF GIF изображения в Google Chrome делает изображение заикаться

0 голосов
/ 13 мая 2019

Я пишу код jQuery для изменения атрибута img src в разное время, используя setTimeout.

Я пишу правильный код, но в Google Chrome возникают странные проблемы с отображением,посмотрите на эту замедленную запись как на демонстрацию:

slowed down recording of the page

Как вы можете видеть, первый GIF сбрасывается и воспроизводится в течение короткого времени, прежде чем перейти ко второмуgif, проблема, которая может быть воспроизведена с помощью следующего кода: 

    $("#TestImg").attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif");

    setTimeout(function () {
        $("#TestImg").attr("src", "https://media4.giphy.com/avatars/Kool-Aid/vBEBR9AYEYqq.gif");
    }, 1000);

    setTimeout(function () {
        $("#TestImg").attr("src", "https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif");
    }, 2500);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img id="TestImg" />

Правильно отображается в браузере Microsoft Edge, это происходит только в Google Chrome, я пробовал:

  • Предварительная загрузка изображений
  • скрыть / показать или добавить / удалить img при изменении src

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

1 Ответ

0 голосов
/ 13 мая 2019

Вы пытались перезагрузить страницу Google Chrome? при использовании сценариев в переднем конце требуется некоторое время для перезагрузки. Спасибо.

...