javascript - 如何检查图片网址是否已使用jQuery加载？

我在这里有这段代码，其中有一个带有缩略图的滑块，而滑块较大的图像通过单击拇指即可获取下一个attr('src')，但是我只想在加载图像后才更改该src。到目前为止，这是我提出的来源：

$('.thumb').click(function(){
    topImageSrc = $(this).data("bigimage");

    $(topImageSrc).load(function(){
        coverMain.attr('src',topImageSrc);
        main.fadeOut("slow");
    })
});

遗憾的是，这不起作用，因为topImageSrc只是大图像的路径变量，如下所示：/uploads/largeimages/pic1.jpg

我该如何强制它加载，然后检查是否完成，然后应用新映像？

最佳答案

您可以这样做：

$('.thumb').click(function () {
    topImageSrc = $(this).data("bigimage");
    var topImage = $('<img>').attr('src', topImageSrc);
    $(topImage).load(function () {
        coverMain.attr('src', topImageSrc);
        main.fadeOut("slow");
    });
});

这将创建一个图像（不将其附加到任何地方），将其源设置为topImageSrc URL并检查load事件。