问题标签 [waitforimages]

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 投票
0 回答
284 浏览

javascript - 完全加载时淡入背景 url

我正在尝试改进我的照片博客上的加载事件,但我有点失望。

我所有的图像都动态添加background: url().cover-gallery div. 我使用waitForImages插件,但是当页面加载时,我遇到了图像处理加载的常见故障。

我只会在.cover-gallery div它们满载时淡入我的视野。

你可以在blog.jeremybarbet.com上看到它。

0 投票
2 回答
3019 浏览

jquery - 使用 jQuery waitForImages 等待 50% 的图像被加载然后调用成功函数

我想在我网站中的滑块上使用出色的 jQuery waitForImages 插件(https://github.com/alexanderdickson/waitForImages) - 它里面有 75 个图像 - 所以它有点大一次加载...我想做的是使用 waitForImages 来显示加载 DIV,直到可以说加载了 50% 的图像-此时调用成功函数并做我的其他事情...

有人对如何做到这一点有任何想法吗?

https://github.com/alexanderdickson/waitForImages

我让它在我的滑块上运行良好,等待 100% 的图像加载,但这需要太长时间......所以想要加载一个百分比,然后调用成功函数来启动滑块等。

当前等待 100% 图像加载的工作代码是

我越来越接近了 - 已经使用下面的代码在新加载的图像上工作了 - 问题是,当您再次查看已加载图像的页面时 - 它永远不会调用成功(halfDone)函数......任何想法?

0 投票
1 回答
246 浏览

jquery - 为 waitForImages 添加超时

我正在尝试创建一个加载页面,等待所有图像都加载完毕。这是一个很棒的插件,但我想知道是否有办法为其添加超时,这样如果加载速度非常快,加载页面就不会只是在你面前闪烁......

这是我写的,但它似乎不起作用。因此,如果所有图像都已加载并且是在 3 秒后,则摆脱加载页面。如果有人有任何建议,将不胜感激!谢谢你!

});

0 投票
2 回答
283 浏览

javascript - 等待图像加载插件不起作用

我正在使用来自https://github.com/alexanderdickson/waitForImages的插件来检测图像何时加载。

下面是我的代码:

图像加载完成后,我将开始图像的选取框滚动。

我的问题是,一些图像尚未加载,但只显示一个像这样的小空方框: 在此处输入图像描述

该插件还认为它已经加载。知道如何解决吗?

仅显示一个小的空方框是否考虑加载图像?

0 投票
0 回答
414 浏览

jquery - waitforimages 插件的问题

我正在使用的 DragandDrop 网站构建器(weebly)正在使用 waitforimages 插件:

https://github.com/alexanderdickson/waitForImages

我网站主页上的背景图片只会间歇性地(而且很少)加载。

我发现了一个与以下相关的未捕获类型错误waitforimages is not a function

我已经超出了我的深度,因此对问题根源的任何想法将不胜感激。

0 投票
0 回答
49 浏览

waitforimages - 等到 50% 加载

尝试使用 waitforimages 插件以 50% 的进度运行成功函数。
https://github.com/alexanderdickson/waitForImages

我在Using jQuery waitForImages 中尝试了接受的答案,以等待 50% 的图像被加载,然后调用成功函数并且没有运气。也许从那时起插件发生了一些变化,但它只是立即触发了成功功能。

有没有人有运气让一个函数在加载 50% 的图像时运行?

谢谢!富有的

需要它的元素

和我试过的代码

0 投票
1 回答
403 浏览

jquery - 背景图像的 waitForImages

这是我在浏览器检查器中找到的图像的一部分,我想被 waitforImages 识别:

已经用 $('.jtpl-background-area'), $('.jqbga-container') 或 $('.jtpl-background-area, .jqbga-container, .jqbga-web--image') 尝试过但结果相同,它不会“开火”。我认为它根本没有在那个网址上找到图片......(或者我做错了什么,因为我对这些东西不熟悉,也许是语法错误)?

我现在需要做什么才能让它识别出图像是那个 url/background-image?知道我做错了什么吗?

或者

不工作。页面正在加载 - 但根本没有背景图像。一个

有效 - 但 bakgrounds 出现得太晚了。

0 投票
3 回答
1179 浏览

javascript - 背景图片加载后的触发函数

我正在使用 Jimdo 并且有一个给定的 div(包含 3 个子 div,我认为这是我的一般问题,但我不确定)我在浏览器中发现:

加载背景图像后如何触发函数?

我已经花了几个小时在这上面,尝试了很多我在这里找到的方法或像 waitforimages 这样的工具 - 仍然没有成功。Jimdo / 这个 div 是怎么回事?加载背景图像后如何触发某些内容?

不起作用。

不起作用(waitforimages-script 包含正确并且 .jtpl-background-area 的不透明度在 css 中设置为 0)。

有任何想法吗?

导致背景经常出现得太晚。当图片仍未准备好/完全加载时显示页面。

-

编辑:

关于 Scott Marcus 和 'adeneo' 的答案(等待 CSS 中的背景图像完全加载):

这在这里“有效”-但我的背景图像出现得太晚了。但是,如果我交换这个,为什么什么都没有发生

? 我的错误在哪里?为什么这不起作用并使我的页面卡住?它保持白色,并且根本无法使用此代码加载。

或者换句话说 - 我如何得到

与我的(给定且不变的)一起工作

确切地?