Иконка ресурса

Lazy Load [img] 1.3.1

Нет прав для скачивания
Увеличиваем скорость загрузки тем
  • Исправление ошибок.
  • Исправлена ошибка с миниатюрами изображений
For attachments built an inline SVG which reserves the space for the image, hopefully removing jank for attachments. This should work for modern browsers, but older browsers may see a broken image until the actual image loads.
  • Использование javaScriptSource с поддержкой CDN /альтернатива javascript
  • Исправление ошибок
  • Исправлена ошибка с XFMG
  • За обновление спасибо пользователю loop0007
  • Добавлена поддержка миниатюр изображений
  • В библиотеке lazysizes обновлён JavaScript до 2.0.7
  • Исправлено соотношение с искажением изображений во вложениях.

Fix distortion image aspect ratio for attachments.
Скрипт lazyloading заменён на

Пожалуйста, войдите или зарегистрируйтесь для просмотра текста.



Дополнительные эффекты (в шаблон EXTRA.css добавляем):


Fade in

Код:
/* fade image in after load */
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
Spinner
Код:
/* fade image in while loading and show a spinner as background image (good for progressive images) */

.lazyload {
opacity: 0;
}
.lazyloading {
opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;
}






Replaced lazyloading script 'unveil' with '

Пожалуйста, войдите или зарегистрируйтесь для просмотра текста.

. Browser support is at least IE9, or Firefox, or Chrome.

Provides a much smoother lazy-loading experience, and better client performance.

Unveil effects
Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded.

Fade in

Код:
/* fade image in after load */
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
Spinner
Код:
/* fade image in while loading and show a spinner as background image (good for progressive images) */

.lazyload {
opacity: 0;
}
.lazyloading {
opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;
}