Javascript 显示图像的加载时加载url

我想在加载时显示图像的加载url而不是加载图像。我知道可以在加载时显示这样的图像：

var $img = $('<img id="img" src="' + src + '" />');
$img.on('load', function() {
  // hide loading
});

有什么想法吗？

---

我用谷歌搜索了一下，但什么也没找到

您可以使用

onload

事件的

Image

$('#ThumbnailSlide img').click(function() {
    //Show loading
    $('#loading').show();

    //get 
    var src = $(this).data('href');


    var img = new Image();

    //Set src to load image
    img.src = src;

    img.onload = function() {
        //Update src property
        $('#img').prop('src', img.src);

        //Hide loading
        $('#loading').hide();
    }
});

---

您可以使用

onload

事件的

Image

$('#ThumbnailSlide img').click(function() {
    //Show loading
    $('#loading').show();

    //get 
    var src = $(this).data('href');


    var img = new Image();

    //Set src to load image
    img.src = src;

    img.onload = function() {
        //Update src property
        $('#img').prop('src', img.src);

        //Hide loading
        $('#loading').hide();
    }
});

---

既然图像已经加载到浏览器缓存中，显示加载有什么用？如果您正在显示较大的图像，则其可用图像已加载您的图像获得了多少GB，您需要加载图像？除此之外，不要附加新的

img

标记，只需按如下方式获取它：

var$img=$（'#img'）而不是：
var$img=$（“”）
@Satpal抱歉，我想我错过了一些东西，请查看更新的fiddle。既然图像已经加载到浏览器缓存中，显示加载有什么用？如果您正在显示较大的图像，则其可用图像已加载您的图像获得了多少GB，您需要加载图像？除此之外，不要附加新的
img
标记，只需按如下方式获取它：
var$img=$（'#img'）而不是：
var$img=$（“”）@Satpal抱歉，我想我错过了什么，请看更新的小提琴。这就是我要说的！谢谢你的回答。这就是我要说的！谢谢你的回答。