Tag: waitforimages

使用jQuery waitForImages等待直到50％的图像被加载然后调用成功函数

我想在我的网站上的滑块上使用优秀的jQuery waitForImages插件（ https://github.com/alexanderdickson/waitForImages ） – 它里面有75个图像 – 所以它有点大，可以一次性加载…我想要做的是使用waitForImages显示加载DIV，直到我们说50％的图像被加载 – 此时调用成功函数并执行其他操作… 任何有关如何做到这一点的想法？ https://github.com/alexanderdickson/waitForImages 我在滑块上很好地工作，等待100％的图像加载，但这需要太长时间…所以想要加载一个百分比，然后调用成功函数来启动滑块等。 等待100％图像加载的当前工作代码是 $.ajax({ cache: false, url: ‘slides.html’, success: function(data) { $(‘.bxslider’).html(data).hide().waitForImages(function() { // do stuff here like load the slider! }); } }); 我越来越接近了 – 使用下面的代码来处理图像的新负载 – 问题是，当你再次使用已加载的图像查看页面时 – 它从不调用成功（halfDone）函数…任何想法？ var halfDoneFlag = false; function halfDone() { console.log(“10% of images are loaded, crack […]

waitForImages用于背景图像

我在理解waitForImages时遇到了一些问题。 这是我的代码的一部分： // Wait until all images loaded $(‘.jqbga-web–image’).waitForImages(function() { $(‘.jtpl-main’).css(“visibility”, “visible”); });; 我的问题是，在我看来它似乎找不到背景图像…… 这是我在浏览器检查器中找到的图像的一部分，我想得到waitforImages的认可： 已经尝试过$（’。jtpl-background-area’），$（’。jqbga-container’）或$（’。jtpl-background-area，.jqbga-container，.jqbga-web-image’）但是同样的结果，它并没有’开火’……我认为它根本找不到那个url上的图片……（或者我做错了，因为我对这个东西不熟悉，可能是语法错误）？ 我现在要做什么，让它认识到图像是url / background-image？ 知道我做错了吗？ 我可以用“第三个参数”或属性做些什么吗？ 非常感谢。

Javascript / jQuery：如何检测img是否完全下载？

我需要做的就是将图像定位在其父div的中心。 首先，我尝试了这个。 $(document).ready(function() { $(‘#image1’).css({ ‘top’: 50%, ‘left’: 50%, ‘margin-top’: (-$(‘#image1’).height()/2) + ‘px’, ‘margin-left’: (-$(‘#image1’).width()/2) + ‘px’ }); }); 它失败导致$（’＃image1’）。height（）和width（）在完全下载之前给出0。 所以我试着继续检查图像的大小，直到它具有特定的宽度和高度。 喜欢， function inspectSize() { return ($(‘#image1’).width() != 0); } function setPosition() { if(!inspectSize()) { setTimeout(setPosition, 1000); return; } $(‘#image1’).css({ ‘top’: 50%, ‘left’: 50%, ‘margin-top’: (-$(‘#image1’).height()/2) + ‘px’, ‘margin-left’: (-$(‘#image1’).width()/2) + ‘px’ }); } $(document).ready(setPosition); […]