Доброго времени суток, помогите решить такую задачку.
Есть js скрипт, который при скролле до картинки добавляет содержимое data-src в src. Хочу такое реализовать при выводе статьи, но не знаю как подойти к вопросу:
Выводится некий $content с примерным содержимым:
<div class="article">
<p>текст</p>
<p>текст</p>
<img alt="описание картинки" src="https://www.site.ru/images/image001.jpg" style="height:720px; width:1280px">
<p>текст </p>
</div>
необходимо найти все изображения, добавить к ним класс bgmimg, значение src добавить в data-src, а src привести к виду:
https://www.site.ru/thumbnailer.php?image=https://www.site.ru/images/image001.jpg&type=article
Т.е. финальный $content должен быть таким:
<div class="article">
<p>текст</p>
<p>текст</p>
<img class="bgmimg" alt="описание картинки" src="https://www.site.ru/thumbnailer.php?image=https://www.site.ru/images/image001.jpg&type=article" data-src="https://www.site.ru/images/image001.jpg" style="height:720px; width:1280px">
<p>текст </p>
</div>
в img атрибуты могут быть в разном порядке
Как это лучше реализовать? Какое-то регулярное выражение и в preg_match заменить содержимое $content или можно как-то в js поменять вид img... ?
Спасибо большое
