img delay
доброго времени суток,
Вопрос у меня такой, как можно отследить действие, когда браузер запрашивает "что-то" не посредством аякса...
Под "что-то" в данном случае имеется картинка...
Скажем так, пользователь нажимает на миниатюру картинки, она грузиться и вставляется в <div>, где отображается в полном размере. Так как картинки слишком большие то происходят задержки, в эти задержки желательно вставлять какую-нибудь "крутилку".
Вопрос у меня такой, как можно отследить действие, когда браузер запрашивает "что-то" не посредством аякса...
Под "что-то" в данном случае имеется картинка...
Скажем так, пользователь нажимает на миниатюру картинки, она грузиться и вставляется в <div>, где отображается в полном размере. Так как картинки слишком большие то происходят задержки, в эти задержки желательно вставлять какую-нибудь "крутилку".
событие onload
а как быть если там не <img src=... а через стили <div class="image" ...
.image {
background: url('')....
}
$('image').css('')...
.image {
background: url('')....
}
$('image').css('')...
Так а как запрос происходит? В какие моменты времени? Сразу после загрузки страницы, или в какие-то фиксированные моменты времени, или еще как-то?
Честно говоря подобной задачи никогда не встречал и особых идей нет. Но вот народ в тырнете пишет, что надо не указывать картинку эту в стилях, а создать картинку в невидимом блоке, стандартными средствами подловить момент когда она загрузится и изменить стиль, подставив ее туда. Таким образом удастся и стиль сохранить и поймать момент загрузки картинки. Метод, конечно, сложный. Возможно что-то есть в HTML5/CSS3. Посмотрю, если найду, то отпишусь.
Так нужно отследить, когда запрос идёт не аяксом или поставить временную картинку, пока не загрузится основная?
Создаёшь img, грузишь в него картинку, img в DOM не втыкаешь, но картинка уже в кэше браузера, затем меняешь фон у своего div, картинка берётся из кэша. На img можно и onload повесить.
Создаёшь img, грузишь в него картинку, img в DOM не втыкаешь, но картинка уже в кэше браузера, затем меняешь фон у своего div, картинка берётся из кэша. На img можно и onload повесить.
Спасибо Вам всем, идея понятна, спасибо за ссылку RussianSpy, там точно была моя проблемма описана, ну в общем я понял, сделал средствами jQuery, функцией load(). Загружаю картинку а потом только когда загрузится картинка прописываю в стилях, сам тег img у меня скрыт.