問題タブ [preload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
6559 参照

jquery - jquery隠しプリロード

ここに私のページがありますhttp://equipe94.com/2009e.html

ページに追加する微調整 (スクローラーと矢印) と位置付けがあります。

すべてを完全に非表示にする方法はありますか (背景のみを保持します)。物事を行い、完成したページを表示しますか?

0 投票する
1 に答える
282 参照

jquery - Jqueryオフラインプリロード

これが私のhtmlページですhttp://equipe94.com/2009e.html

私はページに何週間かします、そしてそれはページの再配置をします(スクロールと矢印)

すべて(背景を除く)を非表示にし、ページをシフトさせ、すべてを適切な場所に表示する方法はありますか?

0 投票する
1 に答える
6589 参照

javascript - Webページ全体をプリロードする方法

JavaScriptを使用してWebページ全体をプリロードして、そのページをユーザーのブラウザーにキャッシュできるようにするにはどうすればよいですか?

JSで画像をプリロードする方法は知っていますが、ページ全体をプリロードしたいと思います。

ユースケース:私のウェブサイトには、他の多くのコンテンツ(画像、css、JS)を含むGoogleマップページがあり、キャッシュされていないブラウザからの読み込みに長い時間(約10秒)がかかります。

これは私のホームページのサブページであり、ユーザーは通常このページにアクセスします。だから私がやりたいのは、ロードされたすべてのコンテンツ(画像、JS)をページ全体にプリロードして、ユーザーのブラウザーにキャッシュされ、ユーザーがそのページにアクセスしたときに、はるかに速くロードされるようにすることです。キャッシュされたブラウザからページをロードすると、時間が約10秒から2秒に短縮されます。

助けてくれてありがとう。

0 投票する
1 に答える
1499 参照

iphone - TableViewCell の URL から画像をプリロードする

iPhone用のシンプルなRSSリーダーを作っています。フィード ( http://feeds.feedburner.com/foksuk/gLTI) には、TableView に表示したい画像への参照が含まれています。私の知る限り、デフォルトでは、iPhone は必要なときにのみ画像をロードしようとします。つまり、表示されている行の画像のみをロードします。ユーザーが下にスクロールしたときにのみ、表示する必要があるものの読み込みが開始されます。右?現在、画像はWebからダウンロードされているため(大きすぎませんが、それでも)、TableViewのスクロールが途切れています。これはエミュレーターにあるため、デバイス自体ではさらに悪化します。幸いなことに、この特定のフィードには、ブログの最新の 12 エントリのみがリストされています。したがって、最初にすべての画像のキャッシュをダウンロードして、URL からではなくメモリからロードできるようにする必要があると思います。ここで適切なアプローチは何ですか?

0 投票する
2 に答える
525 参照

javascript - JS画像のプリロードがブロックされましたか?

私はlightboxと呼ばれるJQueryプラグインを使用しています(これは素晴らしいことです)。問題は、外部サイトの画像にアクセスしていて、ライトボックスによる画像のプリロードをブロックしていると思うことです。

具体的には、picasaがプリローダーに404(firebugを使用)を提供することを確認しましたが、firebugの[ネット]タブで失敗したリクエストを右クリックすると、[新しいタブで開く]画像が正常に読み込まれます。

これは、picasaの画像で発生します。ただし、既に表示している場合を除きます(この場合、画像を再度読み込むのではなく、ブラウザのキャッシュから取得すると思います)。

ブラウザとプリローダー(これもfirebugから)によって送信されるヘッダーにはいくつかの違いがあります。

プリローダーの「Accept」ヘッダーは次のとおりです。

対ブラウザに直接画像をロードする:

これは、リモートサーバーがブラウザのリクエストとJavaScriptを区別できる1つの方法だと思います。どう思いますか?

また、これがプラグインのプリローダーコードです...念のため

アップデート

どうやらpicasaは、DOMの一部であるか、JavaScriptを介してプリロードされているかにかかわらず、フルサイズの画像を表示することをまったく妨げているようです...これについてどうしたらよいかわかりません

0 投票する
3 に答える
2608 参照

jquery - 画像をプリロードするjquery画像

iveは上記のコードを見つけました。画像を読み込むことができる要素が欲しいのですが、画像が完全に読み込まれる前に、読み込み中のgifを表示したいと思います(これはcssを使用して行います)。動作しますが、完全に読み込まれるのを待つのではなく、画像の読み込みが表示されます。アラートがhide()show()を使用している画像を表示する必要があると思いますが、関数内からそれを参照する方法がよくわかりませんか?


iveは運が悪かったのでこれを試しました、誰かが何か問題を見ます>?gifの読み込みに同じdivを使用してから、最終的な画像を使用したい

0 投票する
4 に答える
2087 参照

javascript - jqueryを使用してスライドショーのすべての画像ではなく複数の画像をプリロードする方法

Web ベースのストップ モーション ビデオ プレーヤーを作成したいと思います。基本的に、毎秒 2 ~ 4 枚の画像を表示するスライドショーです。各イメージは最大 20KB です。何千もの画像がある可能性があるため、スライドショーのすべての画像をプリロードしたくありませんが、ショーの次の画像だけでなく、それ以上の画像をプリロードする必要があります。一度に複数の画像をロードします)。

addSlide タイプの関数で jQuery Cycle Plugin ( http://malsup.com/jquery/cycle/ )を使用することを検討してきましたが、それを機能させる方法がわかりません。

このようなものがうまくいくでしょうか?-スライドショーが開始されます -画像が再生されます -プリローダーは次の 60 枚の画像までロードを試みます -再生は順番にある次の画像が完全にロードされるまで待機しますが、他の 59 枚すべてを待機するわけではありません。

このアプリケーションでは、再生/プリロードの順序が重要です。

0 投票する
7 に答える
8183 参照

javascript - 他のページの外部ファイル(CSS、JavaScript)のプリロード

サイトのフロントページが読み込まれるのを待ってから、サイトの他のページで必要になる可能性が高いとわかっているCSSファイルとスクリプトファイルを事前に読み込む効率的な方法があるかどうか知りたいです。

サイトのフロントページをできるだけ速くしたい(無駄のない、平均的な)。ユーザーがすぐにリンクをクリックしない可能性があります。アイドル時間が発生する可能性が高いため、これは外部アセットの一部をプリロードするのに適した時間のようです。プリロードにより、それらはキャッシュされます。ユーザーが別のページをクリックした場合、必要なリクエストはコンテンツと、場合によっては一部の画像などのみです。

誰かがこれをしましたか?それは悪い考えですか?それを実装するためのエレガントな方法はありますか?

0 投票する
2 に答える
302 参照

javascript - サムネイルの読み込み中にフィードバックを提供し、読み込み順序を制御する方法

私は、1ページに約250〜300のサムネイルがあり、それぞれが水平方向にスクロールできる5つの異なるdivに含まれているWebサイトを構築しています。
ただし、読み込み段階では、サムネイルをクリックして、ライトボックスにフル解像度の画像を読み込むことができる必要があります。

プリローダーと複数の画像で読み込みステータスを表示する方法のJasonBuntingsの回答を見てきました。IEでは機能しますが、すべてのサムネイルが読み込まれるまでライトボックス画像が読み込まれないFFでは機能しません。

そこで、同じ概念に基づいて独自のコードを作成しました。これは機能しますが、不安定で(ランダムにハングし)、大量のメモリを使用します。

ConnectionManagerは次のようになります。

これは基本的に健全な概念ですか、それとも私は道を外れていますか?これを行うためのより良い/より簡単な方法を知っていますか?