如何检查图像 url 是否已加载 jQuery？

Question

我这里有这段代码，其中有一个带缩略图的滑块，滑块的大图像是下一个 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

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

Answer 1

你可以这样做：

$('.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 事件。

如何检查图像 url 是否已加载 jQuery？

How to check if image url has been loaded with jQuery?

javascript

jquery

slider

thumbnails

jquery-load