我有一个图片密集的页面.这是根据客户要求 – 这是一个商家列表,每个商家都有一个徽标.列表很长(超过500),是的 – 客户坚持要显示所有这些.我们确实有一个ajax typeahead搜索,以帮助用户在不滚动的情况下找到他们正在寻找的内容,因此这不是一场灾难.

问题在于：客户端现在意识到由于所有徽标而加载此页面需要很长时间.即使每一个只有几kb,它仍然很快就会加起来.他现在决定在图像加载时想要显示进度条.我之前从未这样做过,所以我开始环顾四周,而且我看到的大多数依赖于获取img标签数组并循环检查完整属性.我遇到的问题(至少我认为这是造成问题的原因)是图像标签是由数据库查询生成的,我认为在图像标签加载完成之前加载图像数组的javascript.显然,这在图像被硬编码的页面上不是问题.

任何人都可以指出我如何在动态加载的img标签上实现进度条的正确方向？我的网站是用PHP编写的,所以我非常乐意在服务器端做一些事情,如果这样做会更好.

最佳答案 正如这里的每个人都注意到的那样,这是一个必须解决的令人讨厌的问题.因此,我建议回避它的技术组成部分,只处理人类的问题.

把所有东西都保持原样.你所要做的就是找到或制作一个throbber(我使用http://ajaxload.info/并且它不容易),并将它用作CSS选择器的背景图像,该选择器仅适用于页面上的徽标.

用户(以及提出无理要求的客户！)对于缺乏响应能力而不是花费时间的事情感到更加沮丧.这种快速的花哨修复可能足以诱使网站用户更多地将问题视为后者而不是前者.