Javascript 在加载图片（在web中）时，如何向用户显示gif动画？

问题是： 我有一组图片，当用户按下其中一张时，它会在页面中增长到一个区域。 图片的交换是在js的帮助下完成的。 t图片的重量约为0.5米，因此需要大约3秒钟才能显示图片。 我想在图片未显示时演示一种动画。 在js的帮助下，我如何做到这一点？

总是有一个带有“加载”消息的“字幕”标签，一旦图像被交换进来，您就可以关闭该标签。当然，即使是我，也会投票否决任何支持马奎尔的人

使用事件，例如：

$("img.something").click(function() {
    $(".someDiv").html('<img src="loading.gif"/>');
    var $img = $('<img src="bigImage.jpeg" style="display:none"/>');
    $img.load(function() {
        // once the loading has completed
        $(".someDiv").html($(this));
        $(this).fadeIn("slow");
    });
});

$（“img.something”）。单击（函数（）{
$（“.someDiv”）.html（“”）；
var$img=$（''）；
$img.load（函数（）{
//一旦装载完成
$（“.someDiv”）.html（$（this））；
美元（这个）.fadeIn（“慢”）；
});
});

插入占位符元素并将onload事件回调附加到

请不要执行此操作。你在对你的用户撒谎，这意味着事情进展顺利，而事实上你对连接的状态一无所知。我至少会在5秒钟后为加载映像添加一个超时。然后显示一个红色的X。太棒了，但不要以为这需要jQuery
var imageElem = $('<img />'),
    placeholder = $('<div class="loading">Loading...</div>');

imageElem.attr('src', 'http://example.com/big_image.jpg');

$('#images').append(placeholder).append(imageElem);
imageElem.hide().load(function() {
    placeholder.remove();
    imageElem.fadeIn();
});