問題タブ [image-preloader]

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 投票する
4 に答える
4376 参照

javascript - css背景画像変更用のJavascriptプリロード画像

リンクにカーソルを合わせると、divの背景画像を変更する必要があるWebサイトを開発しています。

それが機能する方法は次のとおりです。

js:

そのため、リンクにカーソルを合わせると、divの背景画像を変更する機能があります。ただし、問題は、ページが最初に読み込まれ、リンクが初めてホバーされたときに、画像の読み込みが遅いことです。

ただし、ロードするとシームレスに機能します。これはロードする必要がある問題だと思います。それで、事前に画像をプリロードし、ホバーに同じ方法を使用する方法はありますか。

0 投票する
6 に答える
4083 参照

background-image - ホームページに背景画像をプリロードする

divにデータを入力するための大量のphpコードを含むホームページがあります(検証を伴うニュースレターのサインアップ、mysqlデータベースのコンテンツ、さまざまな静止画像を含む)。ページ全体は、背景のクロスフェードJavaScriptの上に構築されています。

それはすべてうまく機能し、見栄えがします.....ただし、ページをロードするときに表示される最後の「div」は背景画像です-すべてのdivがロードされ、背景画像が読み込まれるまで、効果的に大きな「空白」を作成しますレンダリングされます。

ユーザーがサイトに移動するときにこの空白が残らないように、最初の背景画像を何よりも先に読み込む方法はありますか?

ロールオーバーイメージの使用で見たことがありますが、ロールオーバーバージョンはスクリプトにプリロードできます-これは、そのようなソリューションを探すときに採用するのに最適な方法ですか?

どんな助けやアドバイスも大歓迎です-必要に応じてコードを表示してください-私のスクリプトにある量を考えると、それがあまりにも役立つとは思っていませんでした!!

ありがとうJD

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

javascript - 画像フォーム配列を配列にプリロードする方法は?

画像のプリロードに問題があります。

preload_image.src=slide_image[x];だけでやるとき それは動作しますが、私がこれら2つを持っているときは、動作しません。多分それはJavaScriptのバグですか?

slide_image配列は次のとおりです。

FirebugとFirefoxデバッガーは何も言いません。なぜこれがうまくいかないのかわかりません。

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

android - Android: スライドで画像をスキップし、読み込みが遅いギャラリー

こんにちは、私はアンドロイドが初めてなので、優しくしてください:)、
私はギャラリーを持っています。画像をロードする必要があります。画像がたくさんあります。画像のロード時のパフォーマンスは、AsyncTaskを使用して解決しました。

ギャラリーのスクロールに問題があり、画像がスキップされ、見栄えがよくありません。

カスタム ギャラリーを実装しようとしましたが、成功しませんでした。機能しません
。もう 1 つ質問があります。

突然ですが、理由を説明していただけますか?

コードは次のとおりです。

XML 部分:


アクティビティの呼び出し:
イニシエーション


アダプターの開始:

私はこの部分のために私が持っているすべてのコードだと思います、今問題です:
どのようにスクロールを作成し、時間内に1つの画像を作成しますか?

コードの修正は大歓迎です!

前もって感謝します...

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

html - HTML5 動画の再生 - 画像のプリロード

ビデオ タグと jQuery を使用して HTML5 ビデオ再生を表示しています。

ビデオがまだ表示用にロードされている間に画像を表示するにはどうすればよいですか?

これにはjQueryを使用します..

前もって感謝します!

PD: ビデオのプリロード時に画像を表示します。

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

css - 画面外で画像をプリロード - Android ブラウザ

Androidブラウザで現在画面外にある〜3つの画像をプリロードする方法はありますか.

現在、画像のバナーの水平スクロールを可能にするために iframe を使用していますが、ユーザーが高速にスクロールすると、スクロールが停止して画像が読み込まれるまで、画像の半分のカットが得られます。

私は約300px以上を事前にレンダリングすることを望んでいました(現在の動作)。

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

javascript - 後でクリック イベント jQuery で表示する画像を事前に読み込む

image scr属性を使用してサーバーから多数の画像が呼び出される Web ページがあります 。

td clickによってトリガーされるような関数を作成しました。

今問題はこれです。接続が遅い場合、画像はしばらくしてから表示されます。

ユーザーがtdをクリックしたときの待ち時間を避けるために、 画像を事前に読み込むことはできますか?

画像を事前にロードするためのjquery関数を見てきました。

どうすればそれを達成できるか教えてください。

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

jquery - Backbone.js、Underscore.js:テンプレート画像のプリロード

私は現在、JQuery、RequireJS、Underscoreを使用して巨大なBackbone.jsアプリケーションを完成させています。

私のアンダースコアテンプレート(たくさんの.png)にはたくさんの画像があり、append()に少し時間がかかります|| 現在のビューでこれらのテンプレートをprepend()します。

だから私がやっていることをする良い方法がありますか?テンプレートにプリロードを行うためのライブラリまたは例を探しています。

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

php - PHPまたはjqueryのリンクから画像をプリロードする方法

ギャラリーの解決策を熱心に探しましたが、それぞれのサムネイルをクリックしても、画像にセンタリング機能が適用されません。代わりに、ページの中央に大きな画像がポップアップ表示されるようにするには、サムネイルを少なくとも 2 回クリックする必要があります。ギャラリーは jquery/php です。PHPを使用してサムネイルを動的にロードし、PHPを使用して同じ名前のそれぞれの大きな画像にリンクしています。大きな画像をプリロードするとこの問題が解決するのではないかと思っています。その場合、大量の写真があるディレクトリ全体のように見えるので、手動でロードしなかったのはなぜですか。スクリプトは以下のとおりです。

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

fancybox - Fancybox2 ギャラリーで次の画像をプリロードする

Fancybox2 ギャラリーに次の画像をプリロードしたいのですが、それが可能かどうかわかりません。新しい Image() オブジェクトを作成して src 属性を設定することでプリロードとイメージを作成する方法は知っていますが、どの Fancybox コールバックを使用すればよいかわかりません。現在の画像の表示が開始または終了したときに、どの Fancybox イベントがトリガーされるか知っている人はいますか?

答えは: 2.0.5 以降を使用してpreload、デフォルトで 3 つのイメージをプリロードする設定を利用するだけです。