|
| |
|
|
| |
для: Дмитрий Смаль
(21.02.2014 в 07:15)
| | | Изображение имеет свойство complete, которое будет равно true после загрузки изображения. Нужно только учесть следующее, что у изображения кроме шлюза src есть свойство lowsrc (lowSrc) и если оно указано, то complete примет значение true, если изображение загрузилось в lowsrc.
Есть свойство fileSize, которое понимает только браузер IE.
Изображение имеет события onload, которое активизируется когда изображение загружено в формате lowsrc, если оно определено, или когда загружен шлюз src, в ином случае. Это же событие возникает при загрузке каждого кадра GIF-анимации. Также имеется событие onerror, возникающее при ошибке загрузки изображения.
Вопрос - можно ли по данному набору понять, что из пары мегабайт изображения загрузилось 10%?
А уж как поступать при загрузке коллекции изображений, это как нравится, то-ли 10% по загрузке каждого, то-ли проценты от времени загрузки каждого, то-ли скрывать "крутилку" по окончании загрузки всех.
А вот действительный прогресс загрузки в рамках прежнего HTML, это только эмулятор дурилка. В рамках HTML5 возможностей больше. | |
| |
|
|
| |
|
|
| |
для: confirm
(13.02.2014 в 10:00)
| | | спасибо за ответ
в данном случае как я понимаю если у нас есть 10 картинок то мы сможем статус бар разделить на 10 пунктов и показывать сначала 0%,
потом как выполнится load для первой картинки показывать 10% и т.д.
собственно, это как-то будет работать если у нас есть много картинок
а если у нас одна большая картинка весом пару мегабайт? и задача именно показать статус загрузки в браузер | |
| |
|
|
| |
|
|
| |
для: Дмитрий Смаль
(13.02.2014 в 09:05)
| | |
function preLoad() {
var n = 0, ims = $('selector');
ims.each(function(){
im = $(this);
$('<img/>').load(function(){
++n;
if(n == ims.length) $('#loader').remove();
}).attr('src',im.attr('src'));
});
}
|
Смотря как подгружать. Например, в коллекцию элементов содержащих тег img необходимо загрузить их источники. Перед вызовом функции создается прогресс загрузки loader и позиционируется согласно CSS. Обходя коллекцию img, загружаем источники согласно пути передаваемого через коллекцию, а в конце удаляем прогресс. | |
| |
|
|
| |
|
|
| | Здравствуйте
есть следующая задача
нужно сделать фотогалерею с предварительной загрузкой картинок с сервера в браузер и после этого показывать фотогалерею
в момент подгрузки картинок показываем вертелку, которая никак не отображает сколько времени еще ждать
есть задача отображать статус загрузки галереи
на жс мы имеем только событие load, которое нам просто говорит что картинка загружена
на пхп мы можем предварительно знать размер картинки
может кто сталкивался с подобными задачами? в какую сторону вообще думать? | |
| |
|
|
|
