Показать полноэкранный GIF при загрузке страницы и закрыть его, когда GIF закончил

Question

Я хочу написать фрагмент кода, который воспроизводит мой GIF-файл в полноэкранном режиме, как только страница загружается, а затем закрывает его, когда GIF-файл завершен.

Спасибо

Answer 1

1. Определите функцию, которая отображает ваш gif, и другую, которая его скрывает.

2. Установите прослушиватель события onload для тега body, который выполняет функцию отображения gif.

3. Установите функцию тайм-аута, когда страница загружается, чтобы выполнить вашу функцию скрытия gif через x секунд, где x - это длина вашего видео + 3 (только для небольшой задержки)

   window.onload = function () {setTimeout (hidegif (), 10000);};

Answer 2

Вы можете использовать FakeLoader

DEMO

Просто замените зарядное устройство своим собственным изображением .gif

Вопрос в том, нужно ли это делать. Подумайте о времени загрузки и опыте пользователя ...