1

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

当您将鼠标悬停在菜单图像上时，您会看到它们会跳动，因为悬停图像尚未更改或加载器尚未更改。

和整体图像。

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

是否有任何预加载器教程？我用谷歌搜索了网站预加载器，我发现的只是一些自定义 css 预加载栏和用于指定图像的预加载器。

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

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

4

2 回答 2

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");

当然-图像应该是悬停图像。

于 2012-10-22T13:32:38.900 回答
0

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

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

于 2012-10-22T13:34:42.597 回答