Question

我正在开设一个网站，其中包含主页和文章列表页面上所有文章的文章部分和显示图像。其中一些图像以png格式上传，大小超过11KB。

假设我在页面上显示20篇文章，其中包含20张图片。有时图像需要时间下载。我想显示将要下载的每个图像的进度条。我在网上找了它，但我无法得到正确的东西。

如果有人能指出我正确的方向，我将不胜感激。

我在ASP.Net 4.0，C＃开发这个网站。我正在使用简单的ASP.Net图像控件来显示图像现在我想要与一些jQuery函数集成，以便它显示某种Loading ...效果直到图像实际下载

类似于http://rascals.eu/templates/rt0802/portfolios/portfolio-2-columns/

的内容

Answer 1

您可以在div或span标记中放置加载，并在想要显示时显示或隐藏它。如果你想最初展示它，只需在jQuery on ready函数的div或span上放置一个jQuery .hide()函数。

查看show()和hide()

上的 jQuery文档

Answer 2

我使用CSS找到了简单的解决方案

.ImageClass
{
      display: block;
      background-image: url('../images/loading-circle.gif');
      background-position: center center;
      background-repeat:no-repeat;
}

像魅力一样工作..我很欣赏其他也很有用的答案

在ASP.Net webform中下载图像时显示进度条

2 个答案: