问题标签 [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.
javascript - 完全加载时淡入背景 url
我正在尝试改进我的照片博客上的加载事件,但我有点失望。
我所有的图像都动态添加background: url()
到.cover-gallery div
. 我使用waitForImages插件,但是当页面加载时,我遇到了图像处理加载的常见故障。
我只会在.cover-gallery div
它们满载时淡入我的视野。
你可以在blog.jeremybarbet.com上看到它。
jquery - 使用 jQuery waitForImages 等待 50% 的图像被加载然后调用成功函数
我想在我网站中的滑块上使用出色的 jQuery waitForImages 插件(https://github.com/alexanderdickson/waitForImages) - 它里面有 75 个图像 - 所以它有点大一次加载...我想做的是使用 waitForImages 来显示加载 DIV,直到可以说加载了 50% 的图像-此时调用成功函数并做我的其他事情...
有人对如何做到这一点有任何想法吗?
https://github.com/alexanderdickson/waitForImages
我让它在我的滑块上运行良好,等待 100% 的图像加载,但这需要太长时间......所以想要加载一个百分比,然后调用成功函数来启动滑块等。
当前等待 100% 图像加载的工作代码是
我越来越接近了 - 已经使用下面的代码在新加载的图像上工作了 - 问题是,当您再次查看已加载图像的页面时 - 它永远不会调用成功(halfDone)函数......任何想法?
jquery - 为 waitForImages 添加超时
我正在尝试创建一个加载页面,等待所有图像都加载完毕。这是一个很棒的插件,但我想知道是否有办法为其添加超时,这样如果加载速度非常快,加载页面就不会只是在你面前闪烁......
这是我写的,但它似乎不起作用。因此,如果所有图像都已加载并且是在 3 秒后,则摆脱加载页面。如果有人有任何建议,将不胜感激!谢谢你!
});
javascript - 等待图像加载插件不起作用
我正在使用来自https://github.com/alexanderdickson/waitForImages的插件来检测图像何时加载。
下面是我的代码:
图像加载完成后,我将开始图像的选取框滚动。
我的问题是,一些图像尚未加载,但只显示一个像这样的小空方框: ,
该插件还认为它已经加载。知道如何解决吗?
仅显示一个小的空方框是否考虑加载图像?
jquery - waitforimages 插件的问题
我正在使用的 DragandDrop 网站构建器(weebly)正在使用 waitforimages 插件:
https://github.com/alexanderdickson/waitForImages
我网站主页上的背景图片只会间歇性地(而且很少)加载。
我发现了一个与以下相关的未捕获类型错误waitforimages is not a function
:
我已经超出了我的深度,因此对问题根源的任何想法将不胜感激。
waitforimages - 等到 50% 加载
尝试使用 waitforimages 插件以 50% 的进度运行成功函数。
https://github.com/alexanderdickson/waitForImages
我在Using jQuery waitForImages 中尝试了接受的答案,以等待 50% 的图像被加载,然后调用成功函数并且没有运气。也许从那时起插件发生了一些变化,但它只是立即触发了成功功能。
有没有人有运气让一个函数在加载 50% 的图像时运行?
谢谢!富有的
需要它的元素
和我试过的代码
jquery - 背景图像的 waitForImages
这是我在浏览器检查器中找到的图像的一部分,我想被 waitforImages 识别:
已经用 $('.jtpl-background-area'), $('.jqbga-container') 或 $('.jtpl-background-area, .jqbga-container, .jqbga-web--image') 尝试过但结果相同,它不会“开火”。我认为它根本没有在那个网址上找到图片......(或者我做错了什么,因为我对这些东西不熟悉,也许是语法错误)?
我现在需要做什么才能让它识别出图像是那个 url/background-image?知道我做错了什么吗?
或者
不工作。页面正在加载 - 但根本没有背景图像。一个
有效 - 但 bakgrounds 出现得太晚了。
javascript - 背景图片加载后的触发函数
我正在使用 Jimdo 并且有一个给定的 div(包含 3 个子 div,我认为这是我的一般问题,但我不确定)我在浏览器中发现:
加载背景图像后如何触发函数?
我已经花了几个小时在这上面,尝试了很多我在这里找到的方法或像 waitforimages 这样的工具 - 仍然没有成功。Jimdo / 这个 div 是怎么回事?加载背景图像后如何触发某些内容?
不起作用。
不起作用(waitforimages-script 包含正确并且 .jtpl-background-area 的不透明度在 css 中设置为 0)。
有任何想法吗?
导致背景经常出现得太晚。当图片仍未准备好/完全加载时显示页面。
-
编辑:
关于 Scott Marcus 和 'adeneo' 的答案(等待 CSS 中的背景图像完全加载):
这在这里“有效”-但我的背景图像出现得太晚了。但是,如果我交换这个,为什么什么都没有发生
? 我的错误在哪里?为什么这不起作用并使我的页面卡住?它保持白色,并且根本无法使用此代码加载。
或者换句话说 - 我如何得到
与我的(给定且不变的)一起工作
确切地?