广告
广告
广告
html/css/javascript您现在的位置是：主页 > html/css/javascript >

html网页图片懒加载

2025-11-18 16:13:09html/css/javascript 341人已围观

网站图片比较多，打开网站速度很慢，可以考虑图片懒加载。 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片懒加载</title>
<script type="text/javascript" src="lazyload.min.js"></script>
</head>
<body>
<img class="lazy" data-src="1.jpg" />
<img class="lazy" data-src="2.jpg" />
<img class="lazy" data-src="3.jpg" />
<script>
var lazyLoadInstance = new LazyLoad({
	elements_selector: ".lazy",
	threshold: 200,
	effect: "fadeIn",
	callback_load: function(element) {
		console.log("图片加载完成: ", element);
	}
});
</script>
</body>
</html>

lazyload.min.js代码下载

 


扫码添加技术微信【解决问题，仅需10元起】

专注中小企业网站建设、网站安全15年。
熟悉各种CMS，精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接：企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症，您有任何网站问题都可联系我们技术人员微信。
➥ 可淘宝担保交易，安全无风险

上一篇：pbootcms网站安全——sqlite数据库名称修改

下一篇：企业必看：当网站被黑之后。。。《中华人民共和国网络安全法》

广告
广告

相关文章

栏目分类

本栏推荐

pbootcms全国多城市网点筛选查询插件 适用于经销商查询，分店查询，售后服务站查询
技术微信