問題タブ [preload]

一部のコンテンツをdivにロードするjQueryajax関数があります。一部のコンテンツは画像です。ajaxにロードしたばかりの画像のロードが終了し、コンテンツの表示などの機能を実行するまで言いたいと思います。このように、コンテンツをdivにロードせず、画像のロードを開始します。それらをロードしてから、コンテンツまたはshow()コンテンツをdivに配置します。

を使用するなど、これに対する多くの解決策を見.load()てきましたが、ajaxを使用してロードされたコンテンツでは機能しないようです。

誰かがrandom.phpページから画像をプリロードして、最初にロードしたときにフェードインする方法を理解するのを手伝ってもらえますか？現在、プリロードされていないため、醜いバルクエコーが発生しますが、ページが実行されると、次々に完全にフェードオンします...

私の（非常に単純な）アプリケーションでは、

--> 起動時にメイン ビューに 1 つのサブビュー (「スプラッシュ」という名前) をロードしました。このように (私の mainView クラスで) :

--> サブビュー「スプラッシュ」のボタン (「LoadData:」という名前の IBAction を呼び出す) をクリックしてロードされる UITableView (「myTable」という名前) もあります。(すべてのビューは interfaceBuilder で作成され、各ビューには xCode プロジェクトに対応するクラスがあります)

私がしたいことは、配列に格納されたこのデータを使用している 2 番目のサブビュー (「myTable」) をロードする前に、SQLite データベースから大量のデータ (750 エントリ) をプリロード (キャッシュ) することです。

これを実行するために、「RefreshData:」というメソッドがあり、特定の時間に呼び出されて結果を配列に格納します。この配列は、このデータを表示するために UITableView で使用されます。すべてが順調に進んでいますが...

• 「mainView」クラスの「awakeFromNib」メソッドの最後で「RefreshData」メソッドを呼び出すと、アプリが最初の画面 (「スプラッシュ」という名前) を表示するのに約 15 秒かかります。良くありません。
• IBActionの「LoadData」内で「RefreshData」を呼び出すと、UITableViewが画面に表示されるまでに約13秒かかります。まったく良くありません。

したがって、問題は次のとおりです。最初のサブビュー（「スプラッシュ」）が画面に表示された後、ユーザーが UITableView をロードするボタンをクリックする前に、「RefreshData」メソッドを呼び出す方法はありますか？

どんな助けでも大歓迎です、そして私の悪い英語をお詫び申し上げます！

私は 5 つほどの非表示の div を持つ jquery ベースのホームページに取り組んでおり、それぞれに複数の背景 css イメージが含まれています。

問題は、親レイヤーの可視性が表示されるまでブラウザーが CSS 画像を DOM にロードしないため、レイヤーが表示されると画像の読み込みが遅くなることです。

私がすでに検討した解決策：

• CSS スプライト (このために再設計するにはあまりにも多くの作業が必要であり、div を表示/非表示にするときは実際には機能しません)
• CSS背景画像を自動ロードするこのjQueryプラグイン（他の多くの人が報告しているように、私にとってはうまくいきません）。

• js 経由で画像をプリロードする:

  このソリューションは、画像をdomに2回ロードするようです.jsがロードするときに1回、ロードするdivレイヤーが表示されるときに再度... 2回のHTTP呼び出しを行うため、機能しません。

私が見逃しているこの問題の他の解決策はありますか?

これを考えると、画像をプリロードします：

同じことをする方法を知っていますが、複数の画像がありますか?

私は次のようなものを試しました:

しかし、うまくいきません！

何か案は？

imgsCount :: 読み込みたい画像の数

1- このコードはすべてのブラウザと互換性がありますか?
2- 画像の読み込みに失敗したかどうかを知るにはどうすればよいですか?

画像が正しく読み込まれるかどうかを確認する方法を知っている人はいますか。画像をプリロードするスクリプトがあります。画像が存在しない場合、スクリプトが終了しないので、属性「src」をデフォルト値にします。

ありがとう

私は製品のウェブサイトを持っています。1 つのページに、サムネイルとすべての製品の簡単な説明を表示します。写真をクリックすると商品の詳細ページに飛びます。

ユーザーが「すべての製品」ページを見て選択しようとしているときに、「詳細な製品」ページの JavaScript と CSS の読み込みとキャッシュをブラウザに開始させる方法はありますか?

このプリロードとキャッシュは、速度が低下しないように、ページが完全にロードされた後にのみ開始する必要があります。

これを実装する方法に関する提案はありますか?

問題は次のとおりです。Google マップにたくさんのマーカーが表示されています。

問題は、マップがロードされ、しばらく空のままになり、その後マーカーが表示されることです。マーカーはカスタマイズされた PNG です。

私の考えは、それらを「プリロード」して（正しい言葉かどうかはわかりませんが）、マップとほぼ同時に表示されるようにすることです。

これまでに行ったことは、マップで使用しているのと同じ画像を、マップの外側のページの前半に追加することです。display:none;

よくわかりませんが、マップから画像が表示されるまでの時間が短縮されたようです。

それを行うのが最善の方法ですか、それは良い習慣ですか?

JavaScript を使用せずに、CSS のみを使用して画像をプリロードするにはどうすればよいですか? クロスブラウザである必要があります。

CSS スプライトを使いたくない。他の解決策はありますか？