例如我們有這樣的html:
我們現在要把這個頁面的圖片路徑全部加上域名的前綴,怎麼做呢?上代碼:
<script src="__STATIC__/layui_2.5.5/layui.js"></script>
<script>
var img = $('.detail p img')
img.each(function(){
var txt = $(this).attr('src').substr(0,1000);//截取從首個字符開始的1000個字符
http = "http://shop.hanlusir.com"
$(this).removeAttr('src')
$(this).attr('lay-src',http + txt)
});
//懶加載
layui.use('flow', function(){
var flow = layui.flow;
//當你執行這樣一個方法時,即對頁面中的全部帶有lay-src的img元素開啓了懶加載(當然你也可以指定相關img)
flow.lazyimg();
});
</script>
當然了,上面那張圖展示的是已經加成功的效果,原來的圖片路徑都是沒有帶域名的,沒有帶域名所以顯示不出來。