问题标签 [preloading]

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 投票
3 回答
108 浏览

jquery - Jquery 功能错误

我面临一个 jquery 函数的问题。当访客将他/她的鼠标指针移到标题的背景图像上时,我希望我的标题不会消失半秒钟。

http://www.kidsartvalley.com/

在主页上,您会发现有时当您专注于孩子的卡通画时,它会说“你好”,但有时它会在很短的时间内变得不可见。当您将鼠标指针移到它上面时,我希望它不会被隐藏。

0 投票
4 回答
414 浏览

javascript - 将预加载的 img 转换为 iframe

这对图像非常有效,如何将 1:1 转换为 iframe?这里快速jsfiddle:http: //jsfiddle.net/ET8Gw/

0 投票
0 回答
194 浏览

google-chrome - 预加载图像(在 Chrome 中)

可能重复:
预加载的图像未在 Chrome 中显示

我有一些使用 Javascript 动态显示的图像:

我通过在文档的其他地方显示它们来预加载这些图像:

请注意,我没有使用 visibility:hidden 或 display:none 或类似的东西。这些图像实际上是可见的。

但是,有时这似乎没有任何效果——当我动态显示图像时,我看到请求实际上被发送到服务器......即使我可以清楚地看到页面上其他地方已经可见的图像。

Chrome 的行为在这种情况下没有很好地定义,如果我真的想可靠地预加载图像,我需要研究 HTML5 离线支持/应用程序缓存/本地存储之类的东西,这个故事的寓意是什么?我错过了什么吗?

0 投票
4 回答
2416 浏览

javascript - 预加载字体和图像?

在我网站的主页上,我想预加载网站其他页面上使用的字体和图像,以避免 FOUC。

最好的方法是什么?

对于字体,我目前在我的主页上有此代码,但我确信有更好的方法。

然后在 style.css 中隐藏文本:

谢谢

0 投票
6 回答
4083 浏览

background-image - 在主页上预加载背景图片

我有一个主页,其中包含大量用于填充 div 的 php 代码(包括带有验证的时事通讯注册、来自 mysql 数据库的内容和各种静态图像)。整个页面建立在背景交叉淡入淡出的javascript之上。

这一切都很好,看起来不错......但是 - 加载页面时,最后出现的“div”是背景图像 - 有效地创建一个大的“空白”,直到所有 div 都加载完毕并且背景图像被渲染。

有没有一种方法可以在其他任何内容之前加载第一个背景图像,以便用户在导航到该站点时不会留下这个空白区域?

我在使用翻转图像时看到,可以在脚本中预加载翻转版本 - 这是否是寻求此类解决方案时采用的最佳方法?

非常感谢任何帮助或建议 - 如果需要,很乐意显示代码 - 只是认为考虑到我的脚本中的数量,这不会太有帮助!

谢谢京东

0 投票
4 回答
9761 浏览

javascript - 支持事件的图像预加载器 javascript

我正在尝试查找图像预加载器脚本。

虽然我发现了一些,但它们都不支持在预加载完成时触发的事件。

有谁知道会执行此操作的任何脚本或 jQuery 插件吗?

希望这个问题适用于 stackoverflow - 如果不是,请随时将其删除。

0 投票
4 回答
5301 浏览

javascript - 预加载图像?

我一直在研究 Preloading images with JQuery 并遇到了这个Preloading images with jQuery

现在有人可以告诉我,我是否必须以任何方式调用预加载的图像?我假设这会创建一个 img,然后浏览器将其缓存(至少对于该页面),我只是通过它的 URI 使用预加载的图像?

有人可以在这里澄清吗?

0 投票
2 回答
1902 浏览

jquery - 如何停止预加载?

我正在使用下面的函数在我的 ajax 页面上预加载图像。我的页面包含图片库。但是当我单击另一个画廊链接时,我需要停止预加载当前画廊。有什么帮助吗?谢谢...

解决了...这是带有示例的工作代码...

0 投票
3 回答
710 浏览

css - “显示:无”预加载是否有合理的限制?

我正在设计一个单页网站。该站点的所有部分都以模态方式在 DIV 元素中弹出,因此它永远不会离开实际的浏览器页面。最初,我使用“display:none”将所有部分隐藏在 css 中,导航会相应地显示和隐藏它们。

现在我开始整理投资组合部分,我开始怀疑是否最好对每个投资组合项目使用 AJAX,因为它们包含更大的图像。对于预加载的合理限制是否有任何粗略指南?如果所有项目都已预加载,那么 HTML 文件看起来会很怪异。

我意识到这是一个普遍的问题,感觉预加载所有内容是个坏主意,但我不想有预感。我不太确定当元素设置为“display:none”时用户计算机占用了哪些资源(例如,这是 RAM 问题吗?)。

干杯! :)

0 投票
1 回答
1614 浏览

javascript - 顺序或并行网站图像加载速度更快(使用 Javascript)

我目前正在编写一个 AJAX 图像库的脚本,它会在显示灯箱之前预加载几个大图像(每个图像至少 120kB,最多 2MB)。我的问题是是顺序加载这些图像(例如让预加载器一次等待一个图像预加载)还是并行加载图像。我的猜测是,多个 http 连接(并行缓存)将比单个 http 连接更快。但是,我在某处读到,旧版 IE 在并行图像加载方面存在性能问题。还是这样吗?

我正在用 XHTML5 (HTML5 XML) 编写整个项目,并且只针对最常见浏览器(Safari 5+、Chrome 15+、Firefox 8+、IE9+)的当前稳定版本。AJAX'ing 是通过 jQuery 的“框架”完成的。

我知道,存在潜在的网络问题,这会极大地影响数据的加载(延迟、带宽、丢包方面的连接质量、isp、代理、服务器等允许的最大并发连接数的组合)。让我们假设普通用户将使用延迟低于 80 毫秒且带宽大于 6 Mbps 的相当不错的连接(dsl、电缆、光纤)。