jquery 防止浏览器在图像完全加载之前显示图像的最佳方法是什么？

z9smfwbn 于 2022-12-22 发布在 jQuery

关注(0)|答案(1)|浏览(118)

我想建立一个简洁的图片库，缩略图可以内嵌显示，我不希望加载时出现窗口阴影，我希望它们可以简单地弹出，或者，如果有办法检测它们的完成情况，可以使用jQuery效果，比如快速fadeIn()。
我想象这样一行代码：

$(".thumb-image").whenLoaded(fadeIn(500));

但有这样的活动吗？叫什么？

1条答案

使用load事件：

jQuery：

$(window).load(function(){
  // your code for images....
});

或普通JavaScript：

window.onload = function(){
  // your code for images....
};

load事件在加载所有图像、DOM、外部资源、帧等之后触发。