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

阅读 2.5k
1 个回答

初始化的时候加上effect : "fadeIn"参数试试看

$(".lazyload-blog-selector").lazyload({
    effect : "fadeIn"
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏