问题标签 [image-preloader]

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 投票
4 回答
4376 浏览

javascript - 用于 css 背景图像更改的 Javascript 预加载图像

我正在开发一个网站,该网站需要 div 的背景图像在链接悬停时更改。

它的工作方式是:

js:

因此,当链接悬停时,它会执行更改 div 背景图像的功能。但问题是当页面第一次加载并且链接第一次悬停时,图像的加载速度很慢。

但是一旦他们加载它就可以无缝运行。我希望这是一个需要加载的问题。那么有没有一种方法可以预先加载图像并且仍然使用相同的方法进行悬停。

0 投票
6 回答
4083 浏览

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

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

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

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

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

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

谢谢京东

0 投票
2 回答
200 浏览

javascript - 如何在数组中预加载图像表单数组?

我在预加载图像时遇到问题。

当我只用preload_image.src=slide_image[x]; 它有效,但是当我有这两个时它没有。也许是 JavaScript 错误?

这是slide_image数组:

Firebug 和 Firefox 调试器什么也没说。我不知道为什么这行不通。

0 投票
2 回答
1163 浏览

android - Android:带有滑动跳过图像和加载缓慢的图库

大家好,我是 android 新手,所以对我温柔 :),
我有画廊,我需要加载图像,我有很多,图像加载的性能我已经通过使用 AsyncTask 解决了。

现在我有滚动画廊的问题,它会跳过图像并且看起来不太好。

现在我尝试实现我的自定义图库,但没有成功,现在它不起作用 了,
我还有一个问题

突然,你能解释一下为什么吗?

这是代码:

XML部分:


活动调用:
启动


适配器启动:

我认为这是我这部分的所有代码,现在是问题:
我如何制作滚动,及时一张图像,以及如何在加载图像时显示加载指示器,就像我在 web 中所做的那样?

任何代码修复将不胜感激!

先感谢您...

0 投票
1 回答
8571 浏览

html - HTML5 视频播放 - 图像预加载

我正在使用视频标签和 jQuery 来显示 HTML5 视频播放。

如何在视频仍在加载显示时显示图像?

我会为此使用jQuery..

提前致谢!

PD:视频预加载时显示图像。

0 投票
1 回答
527 浏览

css - 预加载屏幕外的图像 - Android 浏览器

有没有办法在 android 浏览器中预加载当前不在屏幕上的 ~3 个图像。

目前我正在使用 iframe 来允许水平滚动图像横幅,但是当用户快速滚动时,您会得到一半的图像,直到它停止滚动并加载图像。

我希望预渲染超过大约 300 像素(它现在所做的)。

0 投票
2 回答
1289 浏览

javascript - 预加载图像以稍后在单击事件 jQuery 上显示

我有一个网页,其中使用图像 scr属性从服务器调用了许多图像。

我创建了一个由td click触发的函数。

现在的问题是这样的。对于较慢的连接,图像会在一段时间后出现。

我可以预加载图像以避免用户单击td时的等待时间 吗?

我已经看到一些 jquery 函数来预加载图像。

请给出一些想法,我该如何实现它。

0 投票
2 回答
5401 浏览

jquery - Backbone.js, Underscore.js : 模板图片预加载

我目前正在使用 JQuery、RequireJS 和 Underscore 完成一个巨大的 Backbone.js 应用程序。

我的下划线模板中有很多图片(很多.png),append() || 有点长 在我当前的视图中 prepend() 这些模板。

那么有什么好方法可以做我该做的事吗?我正在寻找一个库或示例来对我的模板进行预加载。

0 投票
1 回答
403 浏览

php - 如何从 php 或 jquery 中的链接预加载图像

我已经狂热地寻找我的画廊的解决方案,当我单击它的相应缩略图时,它不会将居中功能应用于图像。相反,我必须至少单击两次缩略图才能在页面中心弹出大图像。画廊是一个 jquery/php。我已经使用 php 动态加载了我的缩略图,并使用 php 将它们链接到具有相同名称的相应大图像。我想知道预加载大图像会帮助解决这个问题,如果是这样,我如何预加载它们,就好像它是一个包含很多图片的整个目录,因此我没有手动加载它们。脚本如下:

0 投票
2 回答
1964 浏览

fancybox - 在 Fancybox2 库中预加载下一张图片

我想在 Fancybox2 库中预加载下一张图片,但我不知道这是否可能。我知道如何通过创建一个新的 Image() 对象并设置 src 属性来预加载和映像,但我不知道应该使用哪个 Fancybox 回调。有谁知道启动或完成显示当前图像时触发了哪个 Fancybox 事件?

所以答案是:只需使用 2.0.5 及更高版本即可利用该preload设置,该设置默认预加载 3 张图像。