Вопрос? Отложенная загрузка изображений альтернатива

dansing берёшь либу https://github.com/verlok/vanilla-lazyload и натягиваешь её на iframe/img в своём шаблоне

 

dansing а как ты понял что хрень нерабочая?

 

Анимация плавного появления?

 

dansing это просто CSS нужно добавить, напишу когда буду у компьютера.

 

Код:

*:has(>img[data-src]) {background: url(../dleimages/no_image.jpg) center center / cover no-repeat;}
img[data-src] {opacity: 0; transition: opacity 0.3s;}
img[data-src].lazy-loaded {opacity: 1;}

это для стандартной длешной , которая с javascript
а картинки в тпл должны быть так

Код:

        <img data-src="{image-1}" src="{theme}/dleimages/no-image.jpg" alt="{title}">

 

redissx а что ща использовать лучше, браузерную или DLEшную?

 

Heiz, длешная (скриптом) появилась до браузерный, других вариантов тогда не было. Плюс в том что можно сделать анимацию появления, можно более гибко управлять когда загружать. Минус в том что нужно заново запускать скрипт если на странице что-то загрузилось или например в слайдере при смене слайда, или например в табе при переключении, для чего нужны некоторые знания.

Для браузерной достаточно добавить атрибут к изображению и всё. Есть минус в том что грузит она больше чем нужно, когда изображение ещё далеко вне области видимости.

Я не знаю что лучше, сам давно использую браузерную, Мне всё равно что там грузит, главное чтобы тесты google проходили.