为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

炎炎设计 2018-10-24 09:39:10
取用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'); 拿掉,他一樣可以運行...
查看完整描述

1 回答

?
青春有我

TA贡献1784条经验 获得超8个赞

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

$(".lazyload-blog-selector").lazyload({
    effect : "fadeIn"});


查看完整回答
反对 回复 2018-10-24
  • 1 回答
  • 0 关注
  • 708 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信