Замените src / srcset на data-srcset / data-src
Я хочу применить сценарий lozad.js к своему интерфейсу wordpress / woocommerce. Чтобы это сработало, мне нужно изменить src на data-src. Это код, который у меня есть, но он не работает.
Спасибо за вашу помощь!
function add_lazyload($content) {
$content = mb_convert_encoding($content, 'HTML-ENTITIES', "UTF-8");
$dom = new DOMDocument();
@$dom->loadHTML($content);
// Convert Images
$images = [];
foreach ($dom->getElementsByTagName('img') as $node) {
$images[] = $node;
}
foreach ($images as $node) {
$fallback = $node->cloneNode(true);
$oldsrc = $node->getAttribute('src');
$node->setAttribute('data-src', $oldsrc );
$newsrc = 'https://d1zczzapudl1mr.cloudfront.net/blank-kraken.gif';
$node->setAttribute('src', $newsrc);
$oldsrcset = $node->getAttribute('srcset');
$node->setAttribute('data-srcset', $oldsrcset );
$newsrcset = '';
$node->setAttribute('srcset', $newsrcset);
$classes = $node->getAttribute('class');
$newclasses = $classes . ' lozad';
$node->setAttribute('class', $newclasses);
$noscript = $dom->createElement('noscript', '');
$node->parentNode->insertBefore($noscript, $node);
$noscript->appendChild($fallback);
}
$newHtml = preg_replace('/^<!DOCTYPE.+?>/', '', str_replace( array('<html>', '</html>', '<body>', '</body>'), array('', '', '', ''),
$dom->saveHTML()));
return $newHtml;
}
add_filter('the_content', 'add_lazyload', 10);
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
1
0
559
1
Ответы 1
а что насчет чего-то более простого?
str_replace('<img src=','<img data-src=',$html);
или какое-то регулярное выражение?
Другие вопросы по теме
Получите идентификаторы продуктов до _sale_price_dates_to раньше в Woocommerce
Невозможно проанализировать XML-данные с помощью AJAX + Wordpress
Загрузите файл CSV с PHP с помощью Wordpress
Показывать только самую высокую стоимость класса доставки без плагина в Woocommerce
Добавить товар в корзину покупателя от администратора WP в WooCommerce
Получение данных из полей ACF и отображение в таблице внешнего интерфейса в Wordpress
Добавление дополнительных продуктов из контактной формы 7 в кассу woocommerce
Перенаправление страницы после обновления данных с пользовательским кодом в wordpress
Android JSON Volley не анализирует Wordpress JSON Api
Игнорировать фильтр max_srcset_image_width для одного конкретного изображения
Похожие вопросы
Какова цель буферных функций, используемых в Slim PHP codebase?
Получить переменную через CURL
Как стилизовать переменную php htmlspecialchars
Поиск по нескольким ключевым словам с помощью php и mysql (где X нравится) установить предел
Наследование PHP работает на одном экземпляре, а не на другом
AWS Elastic Beanstalk - команда Laravel Artisan
PHP Google Analytics Reporting API. Получить данные в диаграмме
Получить фоновое изображение по ссылке php
Синтаксическая ошибка при использовании конкатенации строк в аргументе функции
Вход пользователя Api-платформы через GraphQL
Нет смысла делать это, потому что цель использования data-src - загрузить изображение после загрузки js.