取用
lazyload
https://github.com/tuupola/jq...
Jquery
$(".lazyload-blog-selector").lazyload();
$(".lazyload-blog-selector").on('load',function(){
img.removeClass('lazyload-blog-selector');
});
HTML
<img data-src="真實圖片網址" src="/images/lazyload.png" class="lazyload-blog-selector">
我是使用這樣運行 lazyload
我看代碼的原理是當圖片讀取完成就出現該圖片,只是我發現他會是直接出現
,沒有效果。我想加入一個效果是淡出淡入 fadeIn/fadeOut
,可能是將 /images/lazyload.png
淡出,或是將圖片淡入,這有辦法實現嗎?我看他的Jquery代碼不知道能從哪裡下手。
然後我發現我把 img.removeClass('lazyload-blog-selector');
拿掉,他一樣可以運行...
初始化的时候加上effect : "fadeIn"参数试试看