网站预载

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

正如你看到的，当你对他们悬停因为悬停图片并没有改变或装载机又菜单图像跳跃。

和整体图像。

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

是否有任何预加载器教程？我已经搜索了网站预加载器，我发现所有的是一些自定义的CSS预加载栏和预加载器来指定图像。

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

有没有人知道我在哪里可以找到一个？谢谢！

来源

2012-10-22 user1761494

您可以试试jquery load：http://api.jquery.com/load/ –

您应该使用sprites 。等等，再看看，你使用的是文字图像吗？我不知道如何解释这是多么错误 - 文本是互联网真棒的一件事！文字图像几乎总是做错的事情，除非它是超级幻想（你的主要动画位落入'足够公平'的用例！） –

事实上，与整个导航相关的CSS非常奇怪 - 你有一个过渡设置的时间加载，而不是'#menu div'一次。另外，不需要ms转换。这应该使CSS更加简洁！ –

要预载的图片，只是把这个在你的初始化（您不必等待的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-图像应该是悬停图像。

来源

2012-10-22 13:32:38

谢谢！帮助^^ – user1761494

对于顶部的横幅，就需要预载的图片： http://rah1x.tumblr.com/post/32390880686/pre-load-images

对于网站，您要加载图像的其余部分，而图像加载，这里的东西，将让你started.This适用于个人形象，但是，您可以简单地将它作为使用jquery进行图片加载的事件： http://rah1x.tumblr.com/post/32450670309/show-loading-while-image-src-changes

来源

2012-10-22 13:34:42

回答

相关问题