Как показать счетчик при загрузке изображения через JavaScript

Согласно раздел 10.2 из Руководства MySQL 5.1:

В нестрогом режиме, когда значение из диапазона присвоено целочисленному столбцу, MySQL хранит значение, представляющее соответствующую конечную точку диапазона типа данных столбца. Если Вы храните 256 в столбец TINYINT или TINYINT UNSIGNED, MySQL хранит 127 или 255, соответственно. Когда столбцу или фиксированной точки с плавающей точкой присваивают значение, которое превышает диапазон, подразумеваемый указанным (или значение по умолчанию) точность и масштаб, MySQL хранит значение, представляющее соответствующую конечную точку того диапазона.

Настолько использующий НЕПОДПИСАННЫЙ действительно только необходимо, когда Вы обеспокоены верхней границей. Также НЕПОДПИСАННОЕ добавление не влияет на размер столбца, как число , представил .

52
задан jklp 8 September 2008 в 20:33
поделиться

4 ответа

Используйте CSS для установки анимации загрузки в качестве центрированного фонового изображения для контейнера изображения.

Затем при загрузке нового большого изображения сначала установите src на предварительно загруженный прозрачный 1-пиксельный gif .

например

document.getElementById('mainimg').src = '/images/1pix.gif';
document.getElementById('mainimg').src = '/images/large_image.jpg';

Во время загрузки large_image.jpg фон будет отображаться через прозрачный gif-файл размером 1 пиксель.

3
ответ дан 7 November 2019 в 09:22
поделиться

Я бы добавил несколько случайных цифр, чтобы избежать кеширования браузера.

-1
ответ дан 7 November 2019 в 09:22
поделиться

Основываясь на ответе Эда, я бы предпочел увидеть что-то вроде:

function PreLoadImage( srcURL, callback, errorCallback ) {
     var thePic = new Image();

     thePic.onload = function() {
          callback();
          thePic.onload = function(){};
     }

     thePic.onerror = function() {
          errorCallback();
     }
     thePic.src = srcURL;
}

Ваш обратный вызов может отображать изображение в его надлежащем месте и убирать / скрывать счетчик, а errorCallback предотвращает "раскачивание" вашей страницы. Все события управляются, без таймеров или опросов, плюс вам не нужно добавлять дополнительные операторы if, чтобы проверить, завершила ли загрузка изображения, пока вы настраиваете свои события - поскольку они настроены заранее, они будут запускаться независимо от того, как быстро загружаются изображения.

3
ответ дан 7 November 2019 в 09:22
поделиться

Имейте в виду, что функция обратного вызова также вызывается, если src изображения не существует (ошибка http 404). Чтобы избежать этого, вы можете проверить ширину изображения, например:

if(this.width == 0) return false;
1
ответ дан 7 November 2019 в 09:22
поделиться
Другие вопросы по тегам:

Похожие вопросы: