Tag: 预加载

jQuery按顺序加载内容: 我目前正在试图弄清楚如何将大量内容加载/预加载到长页面网站上。我想到的解决方案是在加载前一部分之后加载内容。 HTML设置如下所示： Panel 1 Panel 2 Panel 3 Panel 4 有没有办法加载Panel 1，然后一旦加载，加载Panel 2等… 对于我看过的大多数解决方案，他们建议使用jQuery中的.load（）方法通过外部文件加载内容。如果任何人有任何建议和/或示例或示例代码将令人惊讶。

单图像Jquery预加载器: 我在我正在开发的网站上使用相当大的背景图像。目前，背景颜色加载，当图像加载完成后，它会加载。那很好; 但是，我试图实现一个效果，其中预加载器gif旋转，直到背景图像加载，然后淡入。目前这里是我的Jquery（它根本不工作） $(document).ready(function(){ $(‘span.loader’).show(); $(“body”).css(‘background-image’,’url(images/bg.jpg)’).ready(function(){ $(“span.loader”).hide(); }); }); 这不是我想要的 – 我想在加载时显示背景颜色并在span.loader显示一个加载器。当身体的背景图像完成加载时，我希望它淡入（在加载器顶部或隐藏加载器）。有任何想法吗？以下是我的基本CSS： body{background:url(images/bg.jpg) 50% 0 no-repeat #e6f8bb; font-family:’Arvo’; sans-serif;} span.loader{position:absolute; top:39px; left:484px;height:31px; width:31px; background-image:url(images/loader.gif); display:none;}

使用JQuery或Javascript预加载网站上的所有图像: 我目前似乎无法找到任何可靠的代码，但我想知道（如果可能的话）如何使用JavaScript或JQuery预先加载网页上的所有图像。可能有一个预加载屏幕或覆盖图，当图像被预加载到网站时显示，然后淡出或完成后消失。任何帮助/方向都会很棒！谢谢！

使用PHP和jQuery预加载图像 – 逗号分隔数组？: 所以我正在建立一个网站，它将在鼠标hover时使用大量动画GIF。会有很多图像，我只想加载将在任何给定页面上使用的图像。它正在使用WordPress，所以我可以使用条件标签只显示我在某个页面上需要的图像的URL。我的问题是如何告诉浏览器/服务器需要预加载哪些图像。我决定将HTML5数据属性添加到包含元素。例如，我会在其中使用这个PHP的DIV： <div id="home-container" class="preload" data-preload="”> 哪个会在PHP中调用此函数： function preloadImages() { global $post; $templateURL = get_template_directory_uri(); $images = array(); if( is_page(‘test’) ) $images[] = “‘”.$templateURL.”/images/gifs-static/button-info-tab-close-off.gif'”; $images[] = “‘”.$templateURL.”/images/gifs-animated/button-info-tab-close.gif'”; } return implode(“, “, $images); } 所以输出将是这样的：然后我运行这个JavaScript： jQuery(‘.preload’).each(function(){ var images = [ // Comma separated list jQuery(this).data(‘preload’) ]; jQuery(images).each(function() { jQuery(”).attr(‘src’, this).addClass(‘preloaded’).appendTo(‘body’).hide(); }); […]

jquery背景图像预加载: 我有很多div.image ，每个都有一个巨大的尺寸。如何在loader image div背景时附加loader image ，并在后台加载后删除loader image ？ $(‘.image’).append(”);

在jQuery库中预加载图像: 我想在我的网站上使用这个库。唯一的问题是当点击下一个加载图片时，需要花费很多时间。当用户点击图片放大时，我想预先加载下两张图片。我遇到了这个解决方案，但它是手动编码图像名称，但我的图像是动态加载的。还有其他办法吗？

在jQuery中获取图像的原始宽度和高度: 我需要在给定特定来源的情况下获得图像的原始宽度和高度。我目前的方法是： img.tag = “”; img.Owidth = 0; img.Oheight = 0; $(img.tag).load(function() { img.Owidth = $(this).width(); img.Oheight = $(this).height(); }).appendTo(img.parent()); Owidth和Oheight是加载图像的原始尺寸。我想知道是否有更好的方法来做到这一点：图像可能已加载，但显示的尺寸与原始尺寸不同。图像尚未加载

jQuery ajax（）预加载多个东西: 我使用以下代码预加载mp3： $.ajax({ url: “boom.mp3”, success: function() { //done } }); 无论如何我可以预装多个元素（例如图像和mp3）？例如 $.ajax({ url: “boom.mp3”, “moo.jpg”, success: function() { //done } }); 干杯!

jquery隐藏预载: 这是我的页面http://equipe94.com/2009e.html 有一些tweek附加到页面（滚动条和箭头）和一些定位你有办法，完全隐藏一切（只保留背景）..做的事情，并显示完成的页面？

Jquery：使用回调函数根据请求预加载图像？: 我正在帮助一个他正在开发的网站的朋友，我们在按要求预加载图片时遇到问题。基本上，当用户点击产品的缩略图时，向下滑动，其中包括滚动的大图像转盘。总共有大约20MB的图像可以加载（如果你们全部完成），所以在页面加载上预加载它们是不可取的。有没有办法我们可以调用一个javascript函数开始预加载大约4个图像然后当它完成它有一个回调函数？谢谢！ PS我们在页面上使用jQuery …