透過 PHP 替換內文將照片換成 lazyload 的方法

分享:

lazyload 是現在在做網站時常用的利用捲動到圖片位置時才讀取圖片的方法,如果想要在 php 從資料庫讀取內文時將圖片都轉成 lazyload 的話,只要替換原本的 img 標籤的 src 屬性轉成 lazyload 的格式就可以了,以下是範例:

$pattern="/src/";
$string="<img />";
$replacement = "class='lazyload' src='loading.svg' data-src";
echo preg_replace($pattern, $replacement, $string);

簡單說就是把內文中所有的 src 屬性都換成 data-src,並且加上 lazyload 的 class。

注意要替換掉內文的所有 src 標籤需要透過 preg_replace 正規表達式的方法。

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。

社團 社群