Предзагрузчик jQuery AJAX GIF для CSS Background-Image

Question

Я уже некоторое время использую jQuery AJAX для предварительной загрузки изображений GIF с помощью этого кода:

$("#images").html("<img id='loader' src='../img/ajax-loader.gif' />");

Что я пытаюсь сделать сейчас, так это как я могу реализовать этот же эффектвращающееся колесо или подобное) для предварительной загрузки фоновых изображений CSS, а не только тегов img?

Возможно ли это?

Answer 1

для тега img, очевидно, вы можете захватить событие onload, но когда вы имеете дело с фоновыми изображениями css, я не думаю и никогда не слышал захват события onload для фонового изображения css.

Answer 2

Как только браузер загрузит изображение в кеш, он может извлечь его из кеша для тегов img или для фонов css. Поэтому я считаю, что если вы продолжите делать именно то, что делаете для предварительной загрузки изображений, то вы можете использовать это для предварительной загрузки фоновых изображений. Другими словами, если у вас есть этот CSS:

#SomeElement { background: url('../img/whatever.gif'); }

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

$("#images").html("<img id='loader' src='../img/whatever.gif' />");

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