iT邦幫忙

0

lazyload 怎麼加上 fadeIn 效果?

  • 分享至 

  • twitterImage
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() 好像沒用?

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
Homura
iT邦高手 1 級 ‧ 2018-06-05 08:52:40
最佳解答

你可以考慮使用amimate.css

0
froce
iT邦大師 1 級 ‧ 2018-06-05 15:40:22

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

我要發表回答

立即登入回答