如何在图片加载时(在网络中)向用户显示gif动画？

Question

问题:我有一组图片,当用户按下其中一张图片时,它会增长到页面中的某个区域.图片的交换是在js的帮助下完成的.图片重约0.5M,因此需要大约3秒才能显示图片.我想呈现一种动画,而不显示图片.我怎样才能在js的帮助下做到这一点？

Answer 1

使用加载事件，例如：

$("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");
    });
});