Как заменить атрибут src на data-src в теге img?

Question

[abuki]

Доброго времени суток.
У меня CMS Wordpress.
Хочу внедрить ленивую загрузку на сайт.
Возникли следующие задачи:
Как во всех картинках заменить атрибут src на data-src в теге img: ?
На маем сайте: <img src="lazy.jpg" width="100" height="100">
Не обходимый результат: <img data-src="lazy.jpg" width="100" height="100">

Answer 1

[Пычев Анатолий]

Вот как работает с атрибутами изображений woocommerce

/**
 * Get attachment image attributes.
 *
 * @param array $attr Image attributes.
 * @return array
 */
function wc_get_attachment_image_attributes( $attr ) {
	if ( isset( $attr['src'] ) && strstr( $attr['src'], 'woocommerce_uploads/' ) ) {
		$attr['src'] = wc_placeholder_img_src();

		if ( isset( $attr['srcset'] ) ) {
			$attr['srcset'] = '';
		}
	}
	return $attr;
}
add_filter( 'wp_get_attachment_image_attributes', 'wc_get_attachment_image_attributes' );

Вы можете взять за основу и изменять атрибуты по своему усмотрению