Tag: preload

从预加载中排除元素

我在一个预加载整个页面的当前项目上使用http://github.hubspot.com/pace/ 。 是否可以从预加载中排除某些元素？ 例如，我希望我的#header和#banner元素能够立即可见，并且让页面的其余部分完成工作。 对我来说，“开始”事件没有被触发？ Pace.on(“start”, function() { alert(‘heee’); }); 在准备文件时也没有退出function。 Pace.on(“done”, …触发就好了。 更新：我目前的主要问题是…… $(window).load(function(){ $(‘body’).addClass(“page”); Pace.on(‘start’, function() { alert(‘start’) // not fired }); Pace.on(‘done’, function() { alert(‘done’) // fired! }); });

jQuery ajax图像预加载

鉴于此，预加载图像： $(”) .attr(‘src’, ‘source’) .load(function(){ $(‘.profile’).append( $(this) ); // Your other custom code }); 你知道如何做同样的几个图像吗？ 我试过类似的东西： var img1 = new Image(); var img2 = new Image(); $(img1).attr(‘src’, ‘source1’); $(img2).attr(‘src’, ‘source2’); $(img1,img2).load( function () { //code after loading } ); 但它不起作用！ 有任何想法吗？

在客户端预加载音频文件供以后使用

我正在构建一个使用原生音频播放器（ 即非基于Flash）实现音频（mp3）的在线测试。 测试一次显示一个问题，并异步加载每个后续问题。 有些问题有附带的音频文件，有些则没有，音频文件的大小可能是几MB。 所以我希望做的是在测试开始时预先加载客户端的音频文件，然后在相关问题出现时将它们移动到位。 到目前为止，我已经尝试将音频文件加载到QuickTime播放器中，然后当问题出现时，我使用jQuery的clone(true)方法将其复制到显示的页面的一部分中。 但是，当我这样做时，QuickTime播放器必须从源重新加载音频文件。 Windows Media Player也是如此。 有没有人有任何关于我如何预加载音频客户端然后在需要时调用它的建议？

在jQuery中在后台引入HTML资源

在页面上，有一个按钮。 单击该按钮时，会显示一个下拉列表。 下拉列表包含图像。 问题是在用户单击按钮之前不会获取图像。 $(“#my_button”).click(function(){ $(“#my_dropdown”).html(“”); }); 我想在页面加载时获取图像，以便在用户单击下拉列表时准备好。 我怎样才能做到这一点？ 我以为我可以使用display:none set将图像插入到页面中，所以它会进入缓存，或者有什么方法可以在jQuery中加载文档时加载？ 这适用于Chrome扩展程序，如果它有任何区别。 我想我可以将图像放在扩展中（这会更快），但我仍然很好奇是否可以使用JS加载图像。 谢谢，凯文

等待图像加载，然后执行所有其他代码

好吧，我对此失去了理智。 我确实在这里阅读了SO和谷歌关于它，我甚至有预装置设置（在这里找到了SO），但我找到的插件/代码都没有帮助我。 我想要做的是：等到所有图像都预先加载，然后才执行所有其他javascript代码。 就我而言，它可以（但不是必须）有一个“加载……”的消息。 事实上，我在身体背景中有一个非常大的图像和另外两个也更大的图像，所以我想预加载它们，这样它们就会立即显示，并且不会有那种难看的“加载”图像效果。 这就是我现在使用的，但它并不好： $(document).ready(function() { preloadImages(); …some other code… function preloadImages(){ imagePreloader([ ‘images/1.png’, ‘images/2.jpg’, ‘images/3.png’, ]); } function imagePreloader(arrayOfImages) { $(arrayOfImages).each(function(){ (new Image()).src = this; }); } } 我不知道，也许我应该在.ready（）之外的某个地方调用这个预加载器？ 或者……那样，请帮忙…… 顺便说一句，是的，我也读过这篇文章，我不知道为什么，但.ready（）对我来说更快:( 编辑： 好的，最后我得到了这个工作。 我的问题？ 我把等待的div设置错了。 这是我现在的代码：我有加载div，我在上面显示所有图像，然后当所有图像加载时（使用$（window）.load（function（）{…}）;如我所建议，隐藏该div。 #loading { background-size: 100%; background-color:#000; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index:999; } #waiting […]

使用jQuery预加载网页

我在这里找到了以下脚本，但想知道是否可以使用相同的脚本预加载多个页面。 原因是我想预加载一些将在fancybox中保存的表单，并且加载时间太长。 使用此脚本可以更快地加载表单（它可以工作），但我不知道如何使它适用于多个页面。 jQuery().ready(function () { $.get(‘index2.html’, function(data) { jQuery(“#index2content”).html(data); }); });

预加载iframe

function toggle(){ $(“#tempc”).toggle( function () { $(“#tempc”).animate({width: 255, height: 220}, 1000); $(“#tempc”).html(“”); $(“#tempc”).css(“background-color”, “transparent”); $(“#tempc”).html(“Sluit”); }, function () { $(“#tempc”).animate({width: 50, height:50}, 1000); $(“#tempc”).html(“”); $(“#tempc”).css(“background-color”, “#FFFF00”); $.get(‘src/stream.php?stream=2’, function(data002) { $(‘#tempc’).html(data002); }); } ); } $.get(‘src/stream.php?stream=2’, function(data002) { $(‘#tempc’).html(data002); }); Hello stackoverflow， 前一段时间我正在尝试动画一个div，好吧，它现在只有一件事。 第一个函数被激活时（从第3行开始），iframe被加载。 但是现在，我怎么能预加载那个iframe？ 因为动画结束时iframe没有加载… 问候

使用jquery预加载图像数组

我正在使用jQuery从php数组构建一个图像数组。 我想循环遍历这些图像，在显示一点加载gif的同时预加载它们，直到所有图像都被加载。 目前，我尝试了很多这样做的方法，页面的其余部分似乎总是继续加载，因此图像正在预加载，但在页面加载其余内容之前不会。 这是我有的： // Get list of images and build array + set vars var imgArray = new Array; var imgCount = ; var imgNum = ; var imgDir = “”; var imgBlurDir = “”; $(document).ready(function() { <?php for ($i=0;$i // Preload Images: $(‘mainImg #orig’).html(”); for(i=0; i<imgCount; i++) { $('’).attr(“src”, imgDir+imgArray[i]).load(function() { $(‘.profile’).append( $(this) […]