亚洲城娱乐php图片耽误加载、懒加载的办法?

( 亚洲城娱乐 )

我如今的做法是,将图片的src用占位符图片交换,并运用data-src属性保管真实的图片地点,然后监控window的scroll事变,当图片出如今屏幕中时,就将data-src的值赋值给src。

但是这种做法不太方便,比如我如今不想耽误加载了,那么关于那些曾经耽误加载的文章改起来就十分费事,比如我想在搜刮引擎拜访的时分不用耽误加载,用户拜访的时分用耽误加载,不知道怎样做可以方便的中断切换呢?

img = new Image(); img.src = ‘http://www.helloworld.com/test.jpg‘; img.onload = function() { var imageContainer = document.getElementById(‘imgContainer’); imageContainer.appendChild(img); }

你可以在数据库里存储原样的也便是src的内容,在输入之前分歧加上过滤器,主动交换为data-src的方式。如许当你想恢规复样的时分,只需求把过滤器调用删失就行了。

function add_lazy_load_filter($html) {
    return preg_replace("/<img\s+src=\"([^\"]+)\"\s*\/?>/is", "<img data-src=\"\\1\">", $html);
}

(看完/读完)这篇文章有何感想! 亚洲城娱乐的分享…

发表评论

电子邮件地址不会被公开。 必填项已用*标注