問題タブ [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 投票する
2 に答える
14942 参照

jquery - jQuery Cycle Plugin のプリロード画像

私はjqueryを初めて使用し、jQuery Cycle Pluginの画像をプリロードする方法を見つけようとしています。

5 つ以上の大きなサイズの画像があり、Cycle プラグインでスライドショーを開始する前にそれらをプリロードする必要があります。また、画像をプリロードするときに、読み込み中の gif を表示する必要があります。

ここでテクニックを実装しようとしましたhttp://jqueryfordesigners.com/image-loading/

しかし、Cycle プラグインで動作させる方法がまだわかりませんでした。

誰でもこれで私を助けてもらえますか?

ありがとう

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

javascript - Jquery のベスト ケース シナリオ

クライアント製品の属性を選択する GUI 用の画像を多数ロードしています。

最初にすべての画像を事前にロードして (これには時間がかかると思います)、GUI に完全な機能を持たせるのが最善ですか、それともその場で画像をロードする方がよいでしょうか。

基本的に、私は写真/ポスター フレーミング アプリケーションに取り組んでいます。ユーザーが選択できる約20以上のフレームがあり、フレームをクリックすると、GUIのディスプレイ上のフレームの画像が変更されます。

私はJqueryを使用しています。このための最良のシナリオについては、洞察が役立ちます。

また、すべての画像をプリロードする場合、Flash で見られるようなロード バーや、Ajax で見られるようなロード gif を画面に表示するにはどうすればよいでしょうか。

ありがとう

マイク

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

javascript - JavaScript のプリロードはどのように機能しますか?

画像をプリロードする方法は知りたくありません。ネットでたくさん見つけましたが、それがどのように機能するか知りたいです。javascript はどのように画像をプリロードできますか? つまり、ここからスニペットを試してみましたが、うまくいったとしても、画像をプリロードしていないようです。

firebug を確認すると、画像が 2 回読み込まれていることがわかります。

このコードを改善するために、それがどのように機能するか知りたいです。

これが私がすることです:

それから私はそのようなことをします:

画像を表示/追加する方法は次のとおりです。

0 投票する
8 に答える
50147 参照

javascript - JavaScript/jQuery を使用して画像をプリロードする決定的な最良の方法は?

私は、この質問がSOのオンとオフの両方でどこでも尋ねられ、回答されていることを十分に認識しています。しかし、毎回、thisthisthatなど、異なる答えがあるようです。

jQuery を使用しているかどうかは気にしません。重要なのは、それが機能し、クロスブラウザーであることです。]

では、画像をプリロードする最良の方法は何ですか?

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

javascript - JavaScript で画像をプリロードする際に問題が発生する

約150枚の画像をプリロードしようとしていて、2つのことができるようにしたい...

1) 画像は、ファイル名のリストを使用してプリロードされています。リスト内のすべてのファイル名に一致するファイルがあるわけではありません。

例) リストにあるのに pic04.jpg が存在しない場合があります。

そのため、プリロードするときに、可能であれば画像が存在するかどうかを把握できるようにしたいと考えています。

2) 現時点では、関数は pictures[i] = new Image(); を使用して 150 枚の画像すべてを単純にプリロードしています。pictures[i].src = "path/to/my/images/" + imageName[i] + ".jpg";

関数は非常に高速に実行されますが、画像はプリロードされていないようです。続行する前に、画像が読み込まれるまでサイトを待機させるために何かをする必要がありますか?

何か案は?

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

jquery - ローダーの問題

ページ内のすべての画像がページにロードされるまで実行されるローダーを持つことが可能かどうかを知りたいです。私はウェブサイトhttp://ranjoy.athost.net/を持っています.pngの大きなサイズの画像がいくつかあります.アニメーションが始まる前にすべての画像をロードしたい.... plz help

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

javascript - jQuery Ajaxリクエストで画像srcをスワップ

デフォルトセットの<img src="..." />タグがあります。src別の画像を取得するために jQuery に ajax リクエストを発行させたいのですが、この新しい画像が完全にロードされたら、<img ... />タグの src を設定してちらつきがないようにします。などのプリローダーを実行したくないのですがnew Image().src="foo"、iamges を ajax リクエストでロードしたいと思っています。何か案は?

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

javascript - JavaScript による画像の非同期読み込み

Flickr を使用して生成された動的画像の読み込み画像を表示する方法はありますか? Wacom Communityサイトに示されているように、それを行う方法を見つけましたが、機能させることができませんでした。http://blog.realmofzod.com/asynchronous-image-loading-with-jquery/のテクニックの創始者よりも簡単なものがありますか、それとも誰かがより良い説明を持っていますか?