Question

这是我的网站：http://justxp.plutohost.net/jonydesigns/index.php

当你看到悬停在它们上面时跳过的菜单图片，因为悬停图像还没有改变或装载。

和整体中的图像。

我想制作一个预加载器，在加载页面时显示loading.gif图标，加载后，只显示页面或淡出到页面。

是否有任何预加载器教程？我用Google搜索了网站预加载器，我发现它只是一些自定义的css预加载条，以及用于指定图像的预加载器。

我需要整个网站的预加载器。

有人知道我在哪里可以找到吗？谢谢！

Answer 1

要预加载图像，只需将其放入初始化（您无需等待document.ready运行）：

var img1 = new Image();
img1.src = "http://www.colorcombos.com/images/colors/hex-codes/003366.png";
var img2 = new Image();
img2.src = "http://www.colorcombos.com/images/colors/hex-codes/FF9900.png"

或（jQuery：）

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img />", {style:'display:none'}).attr("src", arguments[i]);
  }
}

用法：

$.preloadImages("img2_thumb.jpg", "img1_thumb.jpg",    "img3_thumb.jpg");

ofcourse-图像应该是悬停图像。

Answer 2

对于热门横幅广告，您需要预先加载图片： http://rah1x.tumblr.com/post/32390880686/pre-load-images

对于网站的其余部分，您希望在图片加载时加载图片，这里可以帮助您入门。这适用于单个图片，但是，您可以使用jquery将其简单地用作图像加载的事件： http://rah1x.tumblr.com/post/32450670309/show-loading-while-image-src-changes

网站预加载

2 个答案: