你如何识别使用jQuery下载图像的时间?

时间:2011-03-03 03:21:08

标签: javascript jquery image

我正在使用表单输入来动态更改img标记的来源。我想在下载图像之前用ajax加载器代替图像,然后用新图像替换加载器。有谁知道我怎么能这样做?

2 个答案:

答案 0 :(得分:2)

您可以向图像的load事件添加事件侦听器。

答案 1 :(得分:2)

您无需jQuery即可知道何时加载了图像。

    // show animation that indicates image is loading
    var test = new Image();
    test.onload = function () {
        // this gets called when the image has loaded
        // we need to place the image on the page:
        $('#ImageContainerWhatever').append(test);
        // and hide the loading animation
    };
    test.src = 'my_image.png';
当浏览器从Web或本地缓存加载无关紧要的图像时,会调用

onload

请参阅以下示例:https://developer.mozilla.org/en/Canvas_tutorial/Using_images