jquery:简单的图像预加载器+ onload

Question

我正在尝试为一张图像制作一个简单的图像预加载器。它应该加载一个图像 - 如果完成 - 触发一个事件来显示它。最简单的方法是什么？

我只知道纯 javascript 解决方案，例如 document.createElement("img") - 但使用 jquery 的最佳方法是什么？

到目前为止我得到了什么(但不知道这是否是最佳方式):

var img = $("<img src='/images/myPic.jpg'>");
img.bind("load", function(){alert("loaded!")});

谢谢

Answer 1

如果我理解正确，我会在模板或母版页或任何使用 css 属性的内容中编写图像，然后在 jquery 中使用一个事件来显示它。

<img id="preloader" src="/myimg.jpg" style="display:none;" />


$("#some-element").ready(function(){
      $("#preloader").show();
});