1

これは私のウェブサイトです: http://justxp.plutohost.net/jonydesigns/index.php

ホバー画像が変更されていないか、まだローダーがないため、ホバーするとメニュー画像がジャンプするのがわかります。

そして全体像。

ページの読み込み中に loading.gif アイコンを表示するプリローダーを作成したいのですが、読み込まれると、ページを表示するか、ページにフェードアウトします。

そのためのプリローダーのチュートリアルはありますか? 私はウェブサイトのプリローダーをグーグルで検索しましたが、見つかったのは、いくつかのカスタム CSS プリロード バーと、特定の画像のプリローダーだけでした。

Web サイト全体のプリローダーが必要です。

どこで見つけられるか知っている人はいますか？ありがとう！

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 に答える