問題タブ [preloading]

問題のページ: http://phwsinc.com/our-work/one-rincon-hill.asp

IE6-8 では、ギャラリーの左端のサムネイルをクリックすると、画像が読み込まれません。サムネイルをもう一度クリックすると、読み込まれます。私は jQuery を使用しています。ギャラリーを動かしているコードは次のとおりです。

ある同僚は、いつも js の Image() オブジェクトに問題を抱えていて、 に<img />設定された div の内部に要素を追加するだけでよいとアドバイスしてくれましdisplay:none;たが、それは私の好みでは少し面倒です。Image() オブジェクトを使用するのが好きでした。 、それは物事をきれいに保ち、不要な HTML マークアップを追加しませんでした。

どんな助けでも大歓迎です。画像のプリロードがなくても機能するので、他のすべてが失敗した場合は、プリロードをラップしif !($.browser.msie){ }て、1 日と呼びます。

更新しました：

まず、空の画像とスパンにテキストを追加します

読み込み中の画像を非表示にし、読み込み後に画像を表示します

古い投稿 OK、2 日間かけて画像をプリロードしようとしましたが、成功しませんでした! 私はこの機能を持っています:

lastimg は画像の名前です

画像の読み込み中に、gifまたは「読み込み中...」というテキストを表示したい。

関数は次のようになります。

私はこのように試しました：

しかし、すべて<li>が非表示になり、<li>画像をロードした後に表示されます.GIFまたはテキストが表示され、画像がロードされた後にリンクと画像が表示されます!

これを行う方法？誰にもアイデアがありますか？ありがとう！

ギャラリーのリストがあります。ギャラリーのタイトルをクリックすると、コンテンツ (画像付きの HTML) が表示されます。

コンテンツが取り込まれると、html はプリロードされますが、画像はプリロードされません。何かアイデアはありますか?

これは私が使用しているJavaScriptです:

これは、 http://www.georgewiscombe.comでデモを見ることができます。

前もって感謝します！

状況は次のとおりです。ナビゲーションがホームページのページの下部にあるサイトに取り組んでいますが、他のすべてのページのページの上部にあります。サブページのいずれかへのリンクをクリックすると、次のページに遷移する前に他のすべてのページに配置される位置までナビゲーションがスライドするように、いくつかの jQuery をセットアップしました (また、いくつかの小さなスタイリングを行います)。完全に一致するように微調整します）。これだけ：

もちろん、ページ遷移の間にページの読み込み時間が少しあるという事実を除けば、これは完璧な「見た目」です。しかし、あなたの目はすでに動き回っていたナビに焦点を合わせているので、それは本当に気を散らします.

だから、私が疑問に思っているのは、jQueryを使用して宛先ページでその#nav divを探し出し、そのページに移動する前にプリロードする方法があるかどうかです(ちらつきがないように)。または、移行中に中断することなくナビゲーションを表示し続ける他の方法はありますか?

無理をお願いしている感じです。しかし、少なくとも尋ねる価値はあります。

ETA: サイトへのリンクの例は次のとおりです: http://www.studioal.com/sample/ [WORK] をクリックします (これが唯一の有効なリンクです)。

完全な遷移の間、ナビゲーションを 100% のままにしておきたいので、フェード インとフェード アウトは避けたいと思います (例を見ると理解しやすいと思います)。

サムネイルを非同期的にロードする独自のスクリプトがいくつかある CMS (Squarespace) でホストされているフォト ギャラリー ページがあります。

ただし、実際の大きな画像はプリロードされていないため、次のように、独自のスクリプトをミックスに追加して、ブラウザがこれらの大きな画像をバックグラウンドでキャッシュにロードするようにすることにしました。

コードを $(window).load() に配置しました。これはバックグラウンド スクリプトであり、実行する必要がないためです。パフォーマンスを向上させるだけです。

ただし、このスクリプトは何らかの形で CMS 独自のサムネイルのプリロード スクリプトをブロックしていると思います。

私は正しいですか？そして最も重要なことは、ページ上の他のすべてのスクリプトが実行された後にのみスクリプトが実行されるように指示する方法はありますか?

乾杯

私のCMSプロジェクトには、JavaScriptを使用して画面上でフェードアウトするスタイリッシュなWeb2.0ログイン画面があります。画像がプリロードされていることを120％確認したにもかかわらず（開発ツールでリソースモニターを使用した）、ログイン画面が表示されたときに画像が表示されるまでに1秒かかるのはなぜですか。それは完全に空想を破壊します！見てください：

http://www.dahwan.info/Melior（リンクが壊れています）

ログインをクリックすると、75％アルファ1pxpng画像を使用して画面が暗くなります。画像はプリロードされていますが、アニメーションが完了するまで表示されません。ただし、[キャンセル]をクリックして再度ログインすると、アニメーションがスムーズかつ完全に流れます。

誰かがこの問題の解決策を考えることができますか？私はCMSのGUIの残りの部分でもそれを持っています。これまでに画像のプリロードがなかったようです。

答えてくれてありがとう

編集：ああ、はい、私は現在Google Chrome 5.0.375.99用にこのCMSを開発しており、後でマルチブラウザの互換性を追加しています。省略してすみません

ほとんどの人は画像のプリロードについて聞いたことがあると思います。

しかし、Webページをプリロードする方法を知っている人はいますか？

たとえば、GMAILにログインすると、読み込みの進行状況バーが表示されます。

Gmailが行っていることに従って、HTMLWebページ/Webアプリケーション（非フラッシュベース）をどのようにプリロードしますか？

よろしくお願いします

独自のフォーム スクリプトを作成し、送信ボタンを押すと表示される「読み込み中」アイコンをプリロードしたいと考えています。

私はこのコードを使用しています：

私の質問: アイコンの html マークアップを作成するために jQuery を使用している場合も、画像はキャッシュされてすぐに表示されますか? お気に入り：

どうも

さて、画像スライダーのスプライトから画像を呼び出しています。ページが読み込まれると、すべてのスライドショー画像が横向きに表示されるため、バグが発生します。私たちが考え出した解決策は、画像をプリロードするように設定することでした。Firefox では正常に動作しますが、IE ではバグが発生しているように見えます。重要な 2 行のコードを次に示します (IE の別のバグにより、スペーサーを配置しました)。

禁止イメージは、main.gif にあるスプライトを参照するだけです。

プリロードを行うために、HTML ファイルの最後に次のコードを追加します。

そして、CSS ファイルの最後にある次のコード:

IEで動作させるための提案はありますか?

ありがとう！

私が必要とする同様の状況でCSSの前に画像をロードすることについて、スティーブ・サウダーズからのPPTを見ました....しかし、実際のコードがこれを行うためのものであることが明確ではありません。私は彼がcssの前に何かをロードしたと仮定し、彼のpptで彼はこれを言っています

しかし、誰かが実際にドクの頭がどのように見えるかを見せてくれたら最高です

参考のために; これがpptです

事前にご協力いただきありがとうございます