lazyload.js为啥不起作用?

lazyload.js为啥不起作用?


今天到一个问题,为啥lazyload代码加了,图片加载方式还是老的,没起作用,看了一下源码,发现lazyload要读取img 的属性data-original,然后根据图片滑动的位置动态更换,找到问题原因之后,我就知道怎么修复了

首先要批量添加图片的data-original属性,将src属性更换为默认的图片

$(function() {
	$("img.lazy").each(function(){
		$(this).attr("data-original",$(this).attr("src"));
		$(this).attr("src","/static/Blog/image/bfwdemo.png");
	});

    $("img.lazy").lazyload({effect: "fadeIn"});
});

更换后执行,果然起作用了

{{collectdata}}

网友评论0