lazyload ,當圖片加載完成時,如何增加 fadeIn/Out ?

取用
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'); 拿掉,他一樣可以運行...


炎炎设计
浏览 710回答 1
1回答

青春有我

初始化的时候加上effect : "fadeIn"参数试试看$(".lazyload-blog-selector").lazyload({ &nbsp;&nbsp;&nbsp;&nbsp;effect&nbsp;:&nbsp;"fadeIn"});
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript