Я хочу, чтобы посетитель видел загружаемый GIF-файл, как только он входит на веб-сайт, до тех пор, пока веб-сайт полностью не загрузится и не будет готов к работе.
HTML:
<img id = "firstLoadedImage" border="0" alt="title" src="Pictures/loading.gif" />
CSS не связан с этим.
И я загрузил все остальные изображения через вызов javascript document.ready. Это единственный случай объявления изображения в HTML или CSS, потому что я знаю, что все изображения загружаются вместе, если я это сделаю, но я хочу, чтобы этот gif загружался первым.
Но проблема все еще существует там, где только в CHROME, есть очень заметная задержка, прежде чем мое gif-изображение действительно загрузится и начнет анимироваться. Я тщательно изучил это и нашел лучшее подходящее решение, но я попробовал их способы, чтобы обнаружить, что это несколько отличается от моего случая. - Загрузка GIF (Preloader) зависает только в Chrome -
Разница в том, что я использую GIF до завершения загрузки всей веб-страницы. Я уже пробовал dataURI с base64. У меня это не сработало по тем же причинам, что и @amiregelz OP, изложенные в его комментариях. Таким образом, единственное другое решение - удалить описание:
background-attachment: fixed;
Но единственная проблема в том, что я даже нигде не использовал этот код. Итак, я думаю, проблема в том, что мне следует попробовать дальше.
Любая помощь от Гуру будет высоко оценена. Заранее спасибо.