Как реализовать Ленивую загрузка изображений?

izi4 22.03.2022 Все вопросы » Ламерские вопросы 804

вопрос

Здравствуйте Уважаемые пользователи.
Помогите кто чем может) Кто словом, кто делом.
Реализую свою Ленивую загрузку изображений (Lazyload).
Не получается запихнуть class="lazy" для изображений fullstory + заглушка scr=".svg"
Первую фотку закидываю через редактор (обычным способом).
Вот как запихнуть в эту фотку свои классы? Подскажите пожалуйста.
И если далее в тексте ниже вставлять фотки через редактор, это я так понимаю будет {image-2},{image-3} и так далее.
Скажите пожалуйста есть у кого идеи, как такое реализовать?
За Ранее спасибо.

Ответа пока нет

11 комментариев

Эксперт

802

TeraMoune - 2020-08-2623 марта 2022 00:08 - #80657

Но ведь теги эти выводят сам url, а не картинку.

Пишите вот так


<img class="lazy" src=".svg" data-src="{image-1}" />

Тестовый репозиторий установки плагинов: teramoune

Юзер

izi4 - 2020-08-2623 марта 2022 00:32 - #80662

Уважаемый Эксперт. Это то понятно. Но как это сделать если контент выводится Fullstory.tpl
{full-story}
Или как то можно по другому выводить контент Fullstory.tpl. Там же и текст и картинки редактора.

Юзер

izi4 - 2020-08-2623 марта 2022 00:35 - #80663

Вот я и хочу все картинки выводить таким способом. Как то dle это делает если включить стандартную. Но я не знаю как Стандартная не вариант. Хочу другую ленивую впихнуть и свой еще 1 стиль добавить типа.
<img class="lazy blur" src=".svg" data-src="{image-1}" />

Эксперт

802

TeraMoune - 2020-08-2623 марта 2022 01:07 - #80665

izi4,
Есть функция enable_lazyload она меняет src на data-src в ней можно добавить всё необходимое.

Тестовый репозиторий установки плагинов: teramoune

Юзер

izi4 - 2020-08-2623 марта 2022 01:10 - #80666

Настройки/Изображения "Отложенная загрузка изображений"
В Dle?

Эксперт

802

TeraMoune - 2020-08-2623 марта 2022 01:13 - #80667

Цитата: izi4

Настройки/Изображения "Отложенная загрузка изображений"
В Dle?

Ну да, можно в принципе включить и ничего не мудрить.

Тестовый репозиторий установки плагинов: teramoune

Юзер

izi4 - 2020-08-2623 марта 2022 01:17 - #80668

)) Уже включал. Не то. сам скрипт может и тот. Но я о чем говорю. Дописать в стандартный скрипт свои стили. И заглушку поставить.

Эксперт

802

TeraMoune - 2020-08-2623 марта 2022 02:03 - #80669

Ну так поправь функцию и допиши там свои классы и заглушки. Это надо ту функцию править.

Тестовый репозиторий установки плагинов: teramoune

Юзер

izi4 - 2020-08-2623 марта 2022 02:40 - #80670

Вы случайно не подскажите хоть в каких файлах это может быть?

Эксперт

802

TeraMoune - 2020-08-2623 марта 2022 09:07 - #80671

functions.php

Тестовый репозиторий установки плагинов: teramoune

Юзер

izi4 - 2020-08-2624 марта 2022 18:00 - #80674

Спасибо за отзывчивость.
Скажите пожалуйста. Так верно будет
function enable_lazyload( $matches=array() ) {

$matches[0] = str_replace ( 'src="svg', 'data-src="webp', $matches[0] );

return $matches[0];
}
Я по поводу ковычек. Не пойму почему они такие странные.

TeraMoune | Нужо доработать плагин связанных новосте ... ¹

TeraMoune
Нужо доработать плагин связанных новостей
Сегодня, 13:40

Пишите в телеграм посмотрим
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
Сегодня, 08:43

Проверил также количество страниц в поиске BING
site:adressayta.com

в поиске всего 3 страницы
Sitemap как ни пытался скормить - не выходит. выдает ошибку
Неприемлемая карта сайта
Невозможно получить URL-адреса с карты сайта

Мне кажется что причина в файле .httaccess
тк при попытке скармливания постранично - выдает ошибку перенаправления
URL перенаправления цели:https://........ ./index.php?do=static&page=406.&seourl=406.
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Вчера, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ⁴

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Вчера, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ⁴

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.