问题标签 [image-preloader]

我有一个拇指div（为简洁起见，我只显示四个拇指）：

div和一个名为“内容”的空：

和一个隐藏的div称为“预加载”：

我认为这是预加载图库中所有图像的好方法。我的 jQuery 使用单击的缩略图的 ID 到clone()相应的图像，并使用该方法span将它们放入。问题是，画廊有一百张图片，而不是四张，如果我点击下面的缩略图之一，在加载之前的所有其他图片之前，它都是空的。contenthtml()content div

解决这个问题的最佳方法是什么？我的第一个想法是也许有一种方法可以排队或取消排队图像加载？调暗拇指，直到他们的内容被加载？干脆放弃，preload转而采用更好的方法？如果是这样，怎么办？

我目前无法现场测试，所以我问：
如果这个脚本正忙于从数组加载图像（比如，几 MB 值），并且用户碰巧执行了一些需要其中一个图像的行为还没有加载，加载会延迟吗？或者浏览器可以发送并行请求吗？

我正在使用以下代码在图片库中预加载图片：

$(window).bind('load', function(){

});

我修改了另一个基本的 javascript/jQuery 预加载脚本，添加变量以便从当前图像的 alt 标记中获取数值，并在图库中预加载紧接在它之前和之后 (n+1 n+2 n-1) 的图像. 这行得通，尽管我想它可能有点难看。

我想要做的是添加或调用另一个包含目录中所有图像的数组，以便在上一个和下一个图像加载后，当前页面继续预加载其他图像，将它们保存在浏览器中以供将来查看用户穿过画廊。

理想情况下，第二个数组将从外部 .js 文件中调用，以防止必须单独更新每个页面。（或者也许将整个脚本保存在每个目录的外部 .js 文件中并根据该目录的内容填写数组的其余部分会更容易？）。

网页设计对我来说只是一种爱好（我是一名摄影师），所以我对 javascript 的了解是有限的——仅够定制预建功能和拼贴代码片段。

如果有人能指出我如何修改我的代码的正确方向，我将不胜感激。

提前致谢，

汤姆

我正在尝试找到一个可以很好地与 Marcofolio 幻灯片配合使用的 jQuery 图像预加载器（此处为http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html）。

费城网站上也使用了相同的幻灯片：http: //www.visitphilly.com/ - 但是当我使用我的网络开发人员工具查看工作中的 javascript 时，我很难弄清楚到底在哪里预加载器正在被调用。

我也尝试使用以下预加载代码，但它似乎对这种情况没有帮助（似乎在 Safari 浏览器中加载速度最慢）：

如果聪明的人可以检查 visitphilly 网站元素，他们可能会看到我在这里明显遗漏的内容。或者，将不胜感激预加载插件建议，因为我尝试了一些似乎对这个特定幻灯片没有帮助的方法。

谢谢！

我正在使用 jQuery 从 php 数组构建图像数组。我想循环浏览这些图像，在显示一些加载 gif 的同时预加载它们，直到所有图像都加载完毕。

目前，我已经尝试了很多这样做的方法，页面的其余部分似乎总是在继续加载，因此图像正在预加载，但不是在页面加载其余内容之前。

这是我所拥有的：

如您所见，#orig 设置为显示 preload.gif，然后应预加载图像，然后 #orig 应更改并淡入当前在数组中选择的图像。这不会发生，我从来没有看到 gif 并且图像在页面加载后继续加载一段时间。

请指教，非常感谢提前！

我正在开发一个图像预加载器，它将预加载页面上的所有图像。我的方法如下：

onDomReady, 循环遍历$("*")// 当 DOM 准备好时遍历所有元素

• if $(this).tagName.toLowerCase() == 'img'，读取src属性，并预加载该图像
• 否则$(this).css("background-image") != "none"，读取背景图像道具并预加载该图像

我的问题是这种方法不能在 :hover 类上使用，这通常是无论如何都需要预加载的图像。

我想做的是能够在循环遍历所有元素时检查 :hover 伪类的存在，然后检查该类上“背景图像”属性的存在。

我真的很想坚持这种方法，因为它 a) 允许我不必明确指定要预加载的每个图像，并且 b) 处理 CSS 中的相对路径，如阅读“背景图像" 属性给了我相对于页面的路径。

所以，我的问题是：

是否可以使用 jQuery 读取元素的 :hover 伪类上的 CSS 属性？如果没有，有什么建议吗？

谢谢！

我有一系列图像

我在这个数组中循环，并根据间隔使它们成为 div 的背景

编辑：我需要在执行 setInterval 函数之前预加载所有三个图像。

提前致谢！！

基本上，当页面打开时，幻灯片中包含的图像会在正确放入幻灯片之前临时堆叠。

我认为这可能是因为 DNN 在运行脚本文件之前先渲染位于 HTML 中的图像。这会导致一个图像列表（它们在 <li> 标签中）在正常运行之前一个放在另一个上（大约 2 秒）。

我尝试过的事情：

1. 将调用幻灯片的脚本放在 HTML 的末尾（有人建议这样做，但不知道为什么会起作用）。
2. 最初隐藏包含图像的 div，然后使用脚本在文档加载后使用 jquery 和 css 显示 div。（例如：显示：无 >>> 显示：块）

对于那些感兴趣的人，这里有一个网站链接（使用 Bitly）：http://bit.ly/gNfWRx

非常感激

彼得

我正在使用 javascript 使用以下代码预加载多个图像：

这很好用——在萤火虫中，我可以看到每次迭代后都会触发每个图像下载。

我的问题是我想阻止直到实际下载完成。换句话说，我想向用户显示一个“图像下载”对话框，直到所有图像都完成下载。

现在，如果我只是在执行预加载循环之前显示对话框（并在循环完成后删除对话框），它只会捕获下载请求而不是实际下载完成。

既然看起来实际下载是异步的，有没有什么办法可以阻塞直到所有的下载完成？

我创建了一个包含多个图像的简单网页，但是当用户访问它时，浏览器一次加载一个图像，而不是一次加载所有图像。

我想先在页面中心显示一个“正在加载”的 gif，然后在下载所有图像后，立即向用户显示整个网页。

我怎样才能做到这一点？