給圖片元素的路徑增加相同的域名前綴

例如我們有這樣的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>

當然了,上面那張圖展示的是已經加成功的效果,原來的圖片路徑都是沒有帶域名的,沒有帶域名所以顯示不出來。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章