Пример:

Установка:

Добавляем на сайт скрипт ComcastifyJS

Подготавливаем изображения на странице, чтобы они не отображались перед длительной загрузкой:

comcastifyjs.letsPrepareTheseImages();

Инициализируем скрипт ComcastifyJS после полной загрузки страницы, чтобы размеры изображений были правильно рассчитаны:

comcastifyjs.fixMyImagesLoadingSoFast({
   boxColor: '#123456',
   loadMaxPercent: 0.75,
   loadSpeed: 1000,
   loadIncrement: 5
});

Настройки:

elements : Список элементов для медленных изображений, например: elements: document.querySelectorAll("img.emulator, img.photo") - применит эффект для всех картинок с классом emulator и photo. По умолчанию эффект применяется ко всем изображениям, кроме класса progressiveJPEGemulator

boxColor : Цвет фона под изображением. По умолчанию #000000.

loadMaxPercent : Максимальный процент загружаемого изображения (от 0 до 1). По умолчанию 0

loadSpeed : Время, необходимое для загрузки изображений до максимума в миллисекундах. По умолчанию 500

loadIncrement : Количество загружаемых пикселей за раз. По умолчанию 1

randLoadIncrement : Вывод количества загружаемых пикселей за раз случайным образом, loadIncrement игнорируется в этом случае. По умолчанию false

randomPause : Вероятность пропуска загрузки пикселей (от 0 до 1). По умолчанию 0

progressiveJPEG : Прогрессивная эмуляция JPEG. По умолчанию false