Загрузка GIF (Preloader) зависает только в Chrome — другой взгляд

Я хочу, чтобы посетитель видел загружаемый 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;

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

Любая помощь от Гуру будет высоко оценена. Заранее спасибо.


person Charles    schedule 22.10.2012    source источник
comment
ссылка на jsfiddle приветствуется   -  person LorDex    schedule 23.10.2012
comment
У меня нет jsfiddle, извините, но вы можете увидеть проблему вживую @www.CharlesDing.com   -  person Charles    schedule 23.10.2012
comment
jsfiddle.net/ovfiddle/KFpK5   -  person Charles    schedule 23.10.2012
comment
Используйте это для справки. Этот fiddle gif загружается сразу, однако я просто скопировал и вставил его в свой код, и я заметил задержку, когда он не загружается сразу.   -  person Charles    schedule 23.10.2012
comment
Запустите www.CharlesDing.com в Firefox и сравните с Chrome.   -  person Charles    schedule 23.10.2012


Ответы (1)


Эта проблема должна быть исправлена ​​в более новых версиях Chrome.

person Community    schedule 11.07.2014