问题标签 [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 投票
2 回答
1731 浏览

c++ - 如何使用 OpenGL 加载 8 位 bmp?

这是我的情况:我需要预加载 2000 张图像并按顺序显示它们以成为 60 fps 的动画。目前,我正在使用 OpenGL 加载 bmp 文件,但由于内存限制,我最多只能预加载 500 多个图像。我怎么解决这个问题?到目前为止,我可以提出两个方向的解决方案:首先,也许我可以加载 8 位 bmp 图像以节省内存。但我很难使用glDrawPixels。其次,如果可能的话,我可以直接加载 jpeg 吗?感谢您的任何建议!

不使用视频的原因是我需要通过跳过一个或多个图像来更改动画速度,如您在代码中看到的(imgCount+=stp; // stp 表示要转义多少图像。它可以使视频更快)。在我的动画中,帧率很重要,低于 50 的 FPS 会显示闪烁。

这是代码:

我将显示图像序列,显示代码:

0 投票
2 回答
372 浏览

javascript - jQuery 图像预加载

我有一个 Web 应用程序,其中有一些图像。

开始时会在我的页面中显示一个叠加层,并且会在所有图像加载时自动淡出。

我需要这样的东西

它的粗略代码

请帮助我......我试过这个..但没有工作..

0 投票
3 回答
1942 浏览

javascript - 预加载图像并插入 DOM

您好我有一个关于在 JS 或 jQuery 中预加载图像的问题。我所拥有的是一张我基本上想在一个图像中重复 16 次的图像

结构体。我开始基本上像这样将它插入到列表中。

在我的 HTML 中出现了 16 次。有效,但不是很漂亮也不是很有效。如果我想在我的 js 中预加载图像,然后插入到我的 HTML 列表中。我在这里找到了一些不同的方法。

在这里它们被缓存,但我需要将它们放在 li 中。有什么好的建议吗?!欢迎使用 JS 和 jQuery 示例。

谢谢!

0 投票
2 回答
4703 浏览

jquery - 使用 jQuery 通过 ajax 查找(不同)页面上的所有图像以进行预加载

我正在构建一个应用程序 - 从 flash 转换为 html/js 并使用 jQuery。页面/场景是通过 ajax 拉入的,我有一个“加载”覆盖,直到这些被加载但是此外我想为下一页和上一页预加载图像。

所以我通过 ajax 拉入 page-5.php 然后我需要在后台为第 4/6 页预加载图像以加快用户速度。

我有一个预加载函数,我可以将一组图像插入其中——例如,棘手的一点是使用 ajax 来查找 page-6.php 上所有图像的 src。

所以我需要调用: - 找到 page-6.php 上的所有图像,将它们的 src 抓取到一个数组中。可能的?

我想我可以在每个包含图像的页面上隐藏一个数组并抓住它,但我宁愿让它保持动态。

非常感谢任何想法/帮助。

0 投票
1 回答
1961 浏览

jquery - 使用 Jquery 动画预加载器预加载一个 div 的内容

我有一个投资组合网站,所有图像都在一个容器 div 中。我目前在网站上有一个运行良好的 JQuery 预加载器,它显示一个加载栏,当它达到 100% 时网站淡入。我想知道我是否可以在包含我所有图像的一个 div 中获取这个预加载器和我是如何做到的。

我正在使用的插件是 QueryLoader,它使用以下代码调用:

提前感谢您的想法。网站在这里:www.samskirrowdesign.com

0 投票
2 回答
894 浏览

javascript - 从远程服务器加载图像时如何显示预加载器

当我将 URL 分配给图像元素时,我需要显示加载图标。我已经查看了该站点上的其他问题,这些问题仅详细介绍了如何在加载页面时为图像显示优雅的预加载器。我需要的是在页面加载后显示预加载器。我正在寻找的内容有两种情况,我在下面进行了解释。

  1. 我动态创建一个 DOM 图像元素并为该元素分配一个 URL。这样做时,在元素上显示图像大约需要 2-3 秒,并且在这 2-3 秒内该区域变为空白。我需要做的是显示一个预加载图标并在加载图像后将其隐藏。

  2. 我动态创建一个 DIV 图像元素并将一个 URL 分配给background:url(). 这样做时,在元素上显示图像大约需要 2-3 秒,并且在这 2-3 秒内该区域变为空白。我需要做的是显示一个预加载图标并在加载图像后将其隐藏。

如何实现在这两种情况下显示预加载器?

0 投票
3 回答
479 浏览

javascript - Javascript预加载图像片段不起作用

我真的不明白我的这个预加载片段有什么问题,loadWrapper 像 if 语句不起作用一样消失并不重要。希望任何人都可以发现问题:

希望有人可以帮我解决这个问题。问候。

0 投票
2 回答
2270 浏览

jquery - 具有无限滚动和图像预加载器的 jquery isotope

我正在使用 jquery isotope 和无限滚动并想使用图像预加载器

我正在使用的图像预加载器是这样的:图像预加载器

它在第一页上完美运行,但不会为无限滚动的项目触发,所以我需要将它放在同位素回调中的某个位置,但是在哪里?有任何想法吗?

这是我使用的同位素回调代码:

0 投票
2 回答
2322 浏览

javascript - Chrome 图像预加载在第一次图像加载时不起作用

我在页面上有锚点,在鼠标悬停和鼠标移出时显示不同的背景图像。我已经预加载了图像,以避免在鼠标悬停/移出时闪烁并从服务器重新请求图像。这些脚本在 IE8/FF 上运行良好,但 Chrome 的行为不同。在最新版本的 Chrome 中,我第一次将鼠标悬停在锚点上时,从服务器重新请求图像导致闪烁,这是为什么?成功的鼠标悬停/移出工作正常,没有闪烁。

下面的代码:

将锚点转换为图像,但它仍然无法在 Chrome 中工作:

0 投票
2 回答
1911 浏览

jquery - css 背景图片预加载器

我在为 css 背景图像制作工作预加载器时遇到了麻烦。情况如下:我有几个隐藏元素,每个元素都有一个 CSS 背景图像。

当用户单击“开始”按钮时,然后我使用 jquery 显示元素(一个接一个:显示一个,另一个隐藏)。但是,“开始”按钮应该只有在所有图像加载后才可用。

我正在使用这个预加载器:

但是,这仅加载 1 张图像。

我也尝试了其他一些代码,但没有结果。图像预加载器真的应该在 CSS 背景图像上工作吗?还是它们仅用于标签?