使用JQuery加载图像时显示预加载程序

Posted 2021-02-24

Thank you marcg for posting this on Snipplr http://stackoverflow.com/questions/1379994/detect-when-a-specific-image-has-finished-loading

<script>
$(function () {
var img = new Image();
  $(img).load(function () {
    $(this).hide();
    $('#loader').removeClass('loading').append(this);
    $(this).fadeIn();
  }).error(function () {
  // notify the user that the image could not be loaded
}).attr('src', 'http://farm3.static.flickr.com/2405/2238919394_4c9b5aa921_o.jpg');
});
</script>