Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在网站上预加载图像序列_Javascript_Jquery_Html_Css_Image Preloader - Fatal编程技术网

Javascript 在网站上预加载图像序列

Javascript 在网站上预加载图像序列,javascript,jquery,html,css,image-preloader,Javascript,Jquery,Html,Css,Image Preloader,以下是我想做的: 我有一个.png图像序列,由80帧组成,每个帧大约120 KB。 我希望用户在序列中滚动,当我离线时,一切都能正常工作。 一旦它上线,当然需要更多的时间从服务器请求图像,从而导致缓慢而起伏的动画 我已经试着把所有的图像9999px放在左边和上面,这样网站就可以从一开始就加载所有的图像,这并没有像我预期的那样工作。 Spriting是我遇到的另一种方法,但是,我的图像非常大,所以Spriting图像会很大。准确地说,它们是1920 x 1080 还有其他方法可以尝试吗?加载图像总

以下是我想做的:

我有一个.png图像序列,由80帧组成,每个帧大约120 KB。 我希望用户在序列中滚动,当我离线时,一切都能正常工作。 一旦它上线,当然需要更多的时间从服务器请求图像,从而导致缓慢而起伏的动画

我已经试着把所有的图像9999px放在左边和上面,这样网站就可以从一开始就加载所有的图像,这并没有像我预期的那样工作。 Spriting是我遇到的另一种方法,但是,我的图像非常大,所以Spriting图像会很大。准确地说,它们是1920 x 1080


还有其他方法可以尝试吗?

加载图像总是需要时间。如果您希望在加载页面时图像已准备就绪,最好的方法是在
中插入一个
,预加载图像并强制浏览器等待这些图像加载后再显示页面。像这样:
var img=newimage();img.src=“您的img url”谢谢你的建议,我没有看到明显的问题。