0

这基本上是一个设计问题。

前言

我有一个显示缩略图列表的网页。图像的数量可以是任何数量，可能是数百个。

我需要做的是这个吗？

  • 获取总缩略图的数量。
  • 获取每张图片的网址。
  • 将每个缩略图加载到一个框 (div) 中，并将每个框动态添加到可滚动容器 div。
  • 用户应该能够尽快与盒子进行交互。

我在页面中发生了其他 AJAX 调用。

默认方法，将 设置src为每个框并将其添加到容器中。加载停止时，图像显示。问题是，所有这些图像加载都会占用网络，我的其他 AJAX 调用可能会超时，这是我不能允许的。此外，用户应该看到页面加载完成（加载栏不应该显示活动）。

我的解决方案

我提出的解决方案是这样的：

  • 使用本地图像作为空间持有者。
  • 将所有框的src设置为本地图像。
  • 将第一张图片的 src 更改为 web url。
  • 当onload图像触发时，更改下一张图像的 src，依此类推。

优点：

  • 一次只能加载一张图片。
  • 用户将能够与盒子进行交互。

缺点：

  • 一次只有一张图像可能会浪费带宽（一次 5 张图像呢？）
  • 如果用户滚动到最后会发生什么，在所有其他图像加载之前，图像不会显示。

你的意见

我需要有关如何改进此解决方案的专家意见。

要求：

  1. 一些带宽应该可用于其他 AJAX 调用
  2. 用户应该能够与页面交互。

问题：

这个解决方案还有其他问题吗？

这是跨浏览器吗？

我是否正确地说这不会影响其他 AJAX 调用？

4

0 回答 0