javascript – 如何使用jquery预加载幻灯片的多个但不是所有图像

我想创建一个基于网络的定格视频播放器.基本上是幻灯片,每秒显示2-4张图像.每张图片最多可能为20KB.我不想预先加载幻灯片中的所有图像,因为可能有数千个,但是我需要预加载的不仅仅是节目中的下一个图像,因为这个播放速度不够快(因为浏览器需要播放速度快)一次加载多个图像).

我一直在寻找使用带有addSlide类型函数的jQuery Cycle Plugin(http://malsup.com/jquery/cycle/),但不知道如何使它工作.

这样的事可能有用吗？
-Slideshow开始
-image播放
-preloader将尝试加载到接下来的60张图像
-playback将等待下一个图像完全加载,但不会等待所有其他59个图像.

播放/预加载顺序对此应用程序很重要.

解决方法:

>你可以创建一个预加载N个图像的功能,当加载N个图像时,它再次调用自己,N多少钱？可以是5或10,或者你可以根据预期的图像尺寸/尺寸和显示的持续时间来提出一些公式来计算N.
>如果所有图像大小几乎相同,请求加载的第一个图像应首先完成加载,因此它不会等待所有其他59个图像.
>加上一个变量’loadedN’,它保存最后加载的图像的索引
>调试此应用程序肯定需要FireBug.
>播放功能需要检查是否加载了请求的图像索引

标签：jquery,javascript,slideshow,preload
来源： https://codeday.me/bug/20190705/1386384.html