iT邦幫忙

0

lazyload 怎麼加上 fadeIn 效果?

function lazyload(event) {
  for (var i = n; i < imgNum; i++) {
    if (img.eq(i).offset().top < parseInt($(window).height()) + parseInt($(window).scrollTop())) {
      if (img.eq(i).attr("src") == "../images/loading/xxx.svg") {
        var src = img.eq(i).attr("data-src");
        img.eq(i).attr("src", src);

        n = i + 1;
      }
    }
  }
}

當原本圖片讀取完之後,會把LOADING替換成原始圖片
但我想讓他替換成原始圖片時不是直接出現,而是有fadeIn效果
但我發現這不是Juqery...所以加上 fadeIn() 好像沒用?

2 個回答

0
Homura
iT邦新手 3 級 ‧ 2018-06-05 08:52:40

你可以考慮使用amimate.css

0
froce
iT邦研究生 4 級 ‧ 2018-06-05 15:40:22

加個class,然後用css的keyframe做啊。

我要發表回答

立即登入回答