我有一个图片非常密集的页面。这是根据客户的要求——这是一份商家列表，每个商家都有一个 Logo 。列表很长(超过 500 个)，是的 - 客户坚持要显示所有列表。我们确实有一个 ajax typeahead 搜索来帮助用户找到他们正在寻找的东西而无需滚动，所以这不是一场彻底的灾难。
这就是问题所在:客户刚刚意识到由于所有 Logo ，加载此页面需要很长时间。即使每个只有几 kb，它加起来仍然很快。他现在决定要在加载图像时显示进度条。我以前从未这样做过，所以我开始环顾四周，我看到的大多数依赖于获取一组 img 标签并循环检查完整的属性。我遇到的问题(至少我认为这是导致问题的原因)是图像标签是由数据库查询生成的，我认为获取图像数组的 javascript 在图像标签完成加载之前正在加载。显然，这在图像是硬编码的页面上不是问题。
谁能指出我如何在动态加载的 img 标签上实现进度条的正确方向？我的网站是用 PHP 编写的，所以我非常乐意在服务器端做一些事情，如果这样做会更好的话。
最佳答案
正如这里几乎每个人都注意到的，这是一个必须解决的棘手问题。因此，我建议回避它的技术组成部分，只解决人类的问题。
让一切几乎保持原样。您所要做的就是找到或制作一个 throbber(我使用 http://ajaxload.info/，这再简单不过了)，并将其用作仅适用于页面上 Logo 的 CSS 选择器的背景图像。
用户(以及提出不合理请求的客户!)对缺乏响应性的沮丧远比对事情拖延时间的沮丧。这种快速的花哨修复可能足以诱使网站用户将问题更多地视为后者而不是前者。
关于php - 如果图像标签是从数据库动态创建的，我如何使用 javascript 或 php 来确定何时加载图像？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4029762/