php - 想要在页面加载期间显示 "loading"图像 - Javascript

Question

我正在使用以下代码来显示电子商务网站的产品。加载产品时，图像会慢慢淡出，然后恢复正常。我想在加载新产品时显示加载图像(如 this )。我应该在下面的代码中包含哪些代码才能完成此操作？

function displayProducts(){     

        $('#product_show').fadeOut('slow', function() {
        // Animation complete
            setProducts();
            $('#product_show').fadeIn('slow');
      });
}

Answer 1

我不确定你的 #product_show 元素是什么，但假设它是某种容器，你可以将该图像附加到它(可能绝对位于中间)。当它完成时，删除图像。

类似的东西:

$('#product_show').append('<img src="..." class="progress"/>').fadeOut('slow', function() {
        // Animation complete
            setProducts();
            $('#product_show').remove('img.progress').fadeIn('slow');
});