问题标签 [preload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
6559 浏览

jquery - jquery隐藏预加载

这是我的页面http://equipe94.com/2009e.html

有一些 tweek 附加到页面(滚动条和箭头)和一些定位

你有没有办法完全隐藏一切(只保留背景)..做这些事情,并显示完成的页面?

0 投票
1 回答
282 浏览

jquery - jQuery离线预加载

这是我的 html 页面http://equipe94.com/2009e.html

我对页面做了一些事情,它使页面重新定位(滚动和箭头)

您是否有一种方法可以隐藏所有内容(背景除外),执行使页面移动的操作,并在正确的位置显示所有内容

0 投票
1 回答
6589 浏览

javascript - 如何预加载整个网页

如何使用 JavaScript 预加载整个网页,以便我可以将该页面缓存在用户浏览器中?

我知道如何用 JS 预加载图像,但我想做的是预加载整个页面。

用例:在我的网站上,我有一个包含许多其他内容(图像、css、JS)的谷歌地图页面,从非缓存浏览器加载需要很长时间(大约 10 秒)。

这是我主页的子页面,用户通常会访问此页面。所以我想要做的是尽可能多地用所有加载的内容(图像,JS)预加载整个页面,以便将其缓存在用户浏览器中,以便当他们来到该页面时 - 它加载得更快。从缓存的浏览器加载页面将时间从大约 10 秒缩短到 2 秒。

提前感谢您的帮助。

0 投票
1 回答
1499 浏览

iphone - 从 TableViewCell 中的 URL 预加载图像

我正在为 iPhone 制作一个简单的 rss 阅读器。饲料(http://feeds.feedburner.com/foksuk/gLTI) 包含对我想在 TableView 中显示的图像的引用。默认情况下,据我了解,iPhone 仅在需要时尝试加载图像:它只会加载显示的行的图像。只有当用户向下滚动时,它才会开始加载需要显示的那些。对?现在,由于图像是从网上下载的(它们不是太大,但仍然),我的 TableView 的滚动结结巴巴。这是在模拟器中,所以在设备本身上只会更糟。幸运的是,这个特定的提要只列出了该博客的最新 12 个条目。所以我想我应该可以先下载一个缓存所有的图像,这样它们就可以从内存中加载,而不是从 URL 中加载。这里的正确方法是什么?

0 投票
2 回答
525 浏览

javascript - JS图像预加载被阻止?

我正在使用一个名为 lightbox 的 JQuery 插件(顺便说一句,这很棒)。问题是,我正在访问外部站点上的图像,我认为它们阻止了灯箱预加载它们

具体来说,我已经确认 picasa 为预加载器提供了 404(使用 firebug),但是如果我右键单击 firebug“net”选项卡中失败的请求,并且“在新选项卡中打开”图像加载正常。

来自 picasa 的任何图像都会发生这种情况,除非我已经查看过它们(在这种情况下,我相信它们是从浏览器的缓存中提取的,而不是再次加载它们)

浏览器发送的标头与预加载器(也来自 firebug)之间存在一些差异:

预加载器的“接受”标头是:

vs 直接在浏览器中加载图片:

我怀疑这是远程服务器可以将浏览器请求与 javascript 区分开来的一种方式。你怎么看?

此外,这是插件中的预加载器代码......以防万一

更新

显然 picasa 完全阻止我显示全尺寸图像,无论是 DOM 的一部分还是通过 javascript 预加载...不知道该怎么做

0 投票
3 回答
2608 浏览

jquery - 带有预加载图像的 jquery 图像

我找到了上面的代码。我想要一个可以加载图像的元素,但在图像完全加载之前,我希望它显示加载 gif,(使用 css 完成)。它可以工作,但会显示图像加载而不是等待它完全加载。我想我应该显示警报正在使用 hide() show() 的图像,但我不太确定如何从函数内部引用它?


我试过这个没有运气,有人看到任何问题>?我想使用相同的 div 加载 gif 然后是最终图像

0 投票
4 回答
2087 浏览

javascript - how to preload more than one but not all images of a slideshow with jquery

I'd like to create a web based stop motion video player. Basically a slideshow that shows 2-4 images per second. Each image might be a maximum of 20KB. I don't want to preload all images in the slideshow as there might be thousands, however I need to preload more than just the next image in the show as this will not playback fast enough (because of the playback speed the browser needs to be loading more than one image at a time).

I've been looking at using the jQuery Cycle Plugin (http://malsup.com/jquery/cycle/) with a addSlide type function but don't know how to make it work.

Would something like this might work? -Slideshow starts -image is played back -preloader will attempt to load up to the next 60 images -playback will wait for the next image in line to completely load, but will not wait for all 59 others.

The playback / preloading order is important for this application.

0 投票
7 回答
8183 浏览

javascript - 为其他页面预加载外部文件(CSS、JavaScript)

我很好奇是否有一种有效的方法来等待网站首页加载,然后预加载我知道网站上其他页面可能需要的 CSS 和脚本文件。

我希望网站的首页尽可能快(精简和平均)。用户很可能不会立即点击链接。由于可能会有一些空闲时间,这似乎是预加载一些外部资产的好时机。预加载应该会导致它们被缓存。当用户确实点击另一个页面时,唯一需要的请求将是内容和可能的一些图像等。

有人做过吗?这是个坏主意吗?有没有一种优雅的方式来实现它?

0 投票
5 回答
1741 浏览

javascript - 在 localhost 上模拟加载

我有一个使用 AJAX 和预加载器的网站。现在我想在在线部署站点之前看看这些预加载器的影响。

“问题”是 localhost 没有加载时间并且响应是即时的,所以我看不到我的预加载器。

如何模拟加载或有限带宽(使用 Firefox、Rails 或其他)?

0 投票
2 回答
302 浏览

javascript - 如何在加载缩略图时提供反馈并控制加载顺序

我正在建立一个网站,在一个页面上包含大约 250-300 个缩略图,包含在 5 个不同的 div 中,每个 div 都可以水平滚动。
但是,在加载阶段,我需要能够单击缩略图并将全分辨率图片加载到灯箱中。

我看过 Jason Buntings 在How to display loading status with preloader and multiple images? 中的回答?这让我走到了一半:它在 IE 中有效,但在 FF 中无效,在加载所有缩略图之前它不会加载灯箱图像。

所以我基于相同的概念推出了自己的代码构建:它可以工作但不稳定(随机挂起)并且使用大量内存:

ConnectionManager 看起来像这样:

这是一个基本合理的概念还是我离题了?你知道任何更好/更简单的方法吗?