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

[dansing]

Привет. Подскажите если кто знает, как сделать нормальную отложенную загрузку изображений, чтобы работала на DLE 17? Встроенная, как по мне, хрень нерабочая...

 

[Kandi]

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

 

[evgfreeman]

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

 

[dansing]

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

Потому что работу стандартной отложенной загрузки я не вижу, и не верю, что она настолько идеально работает, что даже незаметна глазу.
Но вижу, что на некоторых сайтах реализована нормальная отложенная загрузка изображений и ее работу видно.

 

[ERR]

Потому что работу стандартной отложенной загрузки я не вижу, и не верю, что она настолько идеально работает, что даже незаметна глазу.
Но вижу, что на некоторых сайтах реализована нормальная отложенная загрузка изображений и ее работу видно.

В консоле разработчика можно скорость соединения уменьшить - увидишь работу.

 

[redissx]

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

 

[dansing]

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

Даа, именно этого хотелось бы. Может подскажешь как это реализовать, за определенную плату конечно?

 

[redissx]

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

 

[redissx]

*: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}">

 

[Heiz]

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

 

[redissx]

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

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

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