用动画在网站上播放大量图像

Question

感谢那些会花时间帮助我解决我的问题的人。

我想完成的事情：

我尝试通过网站播放大量图像。有一个数据库可根据用户的查询返回图像路径，并在Web浏览器中显示它们。我们正在谈论10万张图片。查询大约返回100至2000张图像。随后，我开发了诸如下一个/上一个/按钮之类的控件，以及一个动画，该动画根据选定的延迟以及暂停/停止按钮来滚动图像。

我尝试过的事情

1-我首先尝试动态加载图像。我使用Jquery更改了图像的src属性，该延迟是根据滑块的值计算得出的。

问题

• 适用于前50张图像。由于加载时间，图像显示偏移后。根据请求的时间，某些用户可能无法使用该方法。
• 我不明白的问题。 setTimeout不能反映真实的经过时间，因此有时会解雇动画。

2-运行查询时，我还尝试创建不显示任何内容的img标签。图像被加载到缓存中，从而消除了以前的加载问题。

问题

• 更改期间图像闪烁

3-最后，我尝试使用预加载功能预加载图像。结果非常令人满意。唯一的缺点是加载时间与返回的图像数量成正比。

问题

• 初始加载时间显然是个问题
• 对于大约200张图像，使用了100mo的缓存，在我看来，这很多。当新缓存达到限制时，浏览器如何处理？我还注意到，以前的方法也添加了缓存的图像。查看查询时，是否可以将它们临时保存在缓存中？

我呼吁您提出解决这个问题的想法。处理此问题的最佳方法是什么？我需要与动画保持一致（连续图像之间的时间，没有图像跳变），因为我同时显示了依赖于图像的其他数据。

提前谢谢！