問題タブ [image-loading]
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.
javascript - ページ上の画像の前に JavaScript 外部ファイルを読み込む
イメージが収まるコンテナーを定義する JavaScript カルーセル ギャラリーがあります。イメージの幅と高さを 100% に設定して、イメージがコンテナーのサイズになり、コンテナーのサイズが変更されるようにする必要があります。ページがロードされているとき、おそらくjavascriptがロードされる前に、Javaがまだコンテナをロードしていないため、イメージはページの100%の幅でフラッシュアップしますか?
私のページは php で作成されていますが、これは html では行われていないため、php の読み込み方法が原因である可能性があります。
画像の前に JavaScript をロードする方法や、ページの表示を停止して画像のフラッシュが見えないようにする方法はありますか?
ありがとう
flash - 大量の画像をフラッシュでロードして分割するにはどうすればよいですか?
4096×4096
分割中にフラッシュの制限を超える画像をどのようにロードしますか?
注:これは別の質問の直接の拡張です。
java - ImageIcon の読み込みがますます遅くなる
私のJava GUIアプリケーションには、繰り返しスケーリングする必要があるコンポーネントがいくつかあり、次のコードでこれを行っています:
最初はこれで問題なく動作しますが、何度も (数百回) 繰り返した後、いくつかの単純な時間チェックに基づいて、新しい ImageIcon() コンストラクターに異常な時間がかかります (約 1 秒)。コードの残りの部分は高速です。
何度も繰り返した後にこれが発生するのはなぜですか? また、繰り返しが増えるにつれて速度が低下しないようにするにはどうすればよいですか? (画像の読み込みは一定時間の操作ではないため、バックグラウンド スレッドでの画像の読み込みは機能しません)。
html - Canvas の GWT 画像読み込み
画像読み込みライブラリを使用せずに、以下のような画像を読み込んでいます:
RootPanel.get().add(img); を使用しない場合 画像が DOM に追加されることはありません。したがって、onLoad はトリガーされません。しかし、画像を DOM に追加するときに、それを削除しないと、メモリ リークが発生します。
上記のコードに関する私の観察:
- 画像を DOM に追加しないと、ロード ハンドラーはトリガーされません。
- ロードした後に削除しないと、メモリ リークが発生します。
- 私は削除しますが、Chrome は 256 MB を超えるとガベージ コレクションを呼び出します。Firefox はガベージ コレクションを呼び出しませんでした。そのため、メモリリークが発生しました。Firefox は、必要に応じてガベージ コレクターを呼び出す可能性があります。私はこの問題をあまり知りません。
私の質問は、画像の読み込みを処理する画像読み込み手順 (ライブラリ) はありますか?
画像がロードされた後、DOM から画像を自動的に削除しますか?
多くの画像を描画しているが、描画後に画像を必要としないこの問題を処理するためのより適切な方法はありますか?
また、画像を DOM に追加したり、DOM から削除したりするための高速な方法はありますか?
android - グリッドビューでの非同期画像の読み込み
gridviev に非同期で画像をロードしています。しかし、私の gridview は gridview の最後のセルに 1 つの画像しか表示していません。私のアダプター クラスと非同期クラスを以下に示します。
アダプタ クラス:
非同期クラス
python - (Py)Qt:画像のダウンロードに問題があります
みんな
キャプション付きの画像を表示したいですQTextEdit
。キャプションと対応するURLが記載された辞書があります。問題は、リクエストを投稿しQNetworkAccessManager
てシグナルを待つと、finished(QNetworkReply*)
画像のみで返信が返ってくるということです。この画像が要求された対応するキャプションを特定するにはどうすればよいですか?
この問題のデザインパターンはありますか?アイデアをいただければ幸いです
javascript - 画像の読み込みは完了しましたが、高さと幅がまだ更新されていません。これはいつ起こりますか?
ページ上のすべての画像が読み込まれると、コールバックを呼び出すjQuery プラグインを使用しています。プロパティをチェックしimageObject.complete
、ハンドラーをload
およびerror
イベントにバインドして、画像の読み込みがいつ完了するかを判断します。
これはうまく機能しますが、私が直面している問題は、画像が読み込まれていると見なされていても、画像またはそれを含む要素のプロパティheight
とプロパティを調べたときに、寸法がまだ更新されていないことです。width
div
次に例を示します。
含まれている要素が画像にheight
合わせてサイズ変更されていることを確認してから、その要素とwidth
寸法にアクセスすることを試みるにはどうすればよいですか?
編集 1:例を理解しやすくするために、jsfiddle のコードをクリーンアップしてコメントしました。
編集 2:別のマシンからコードを実行すると、適切に動作する (つまり、トップ マージンが適切に計算される) ため、キャッシュに基づく競合状態またはバリエーションが存在する必要があります。これは、一貫性がないため実際には良くありません。矛盾は、Chrome、FWIW でより顕著です。
また、明確にするために、目標はinit
画像が読み込まれるたびに呼び出すことではありません。むしろ、 AJAX呼び出しを介してすべての画像が読み込まれた後に一度init
呼び出す必要があります。load
javascript - このコードを説明してください
少しカスタマイズしたいので、以下のコードを理解しようとしています。コメントによると、callback function is passed the last image to load as an argument
。誰かがコールバックが最後の画像にのみ渡される方法を説明できますか(理由はわかりますが、方法がわかりません)?私がコードを読んでいる方法から、それはそれらすべてに渡されているようです。
乾杯。
flash - AS3を使用した単一クラスインスタンスでの並列画像の読み込み
AS3の1つのクラスに複数の画像を読み込もうとすると、問題が発生します。
私のコードは次のようになります。
これに関する私の問題は、すべての完全なメソッドが同じ画像を受け取ることです。時々彼ら全員が得るimg1.jpg
、時には彼ら全員が得るimg3.jpg
…。
なぜこれが起こっているのか私にはわかりません。
私はあなたが私に与えることができるどんな助けにも感謝しています。
これは私が使用した正確なコードです:
クラスCuboidBookView
これらのメソッドは別のクラスで呼び出されます。
編集:これは役立つと思いましたが、同じ結果になりました:
これで、異なるビットマップとローダーは異なる名前を持ち、同じメソッド呼び出し内で呼び出されます。イベントハンドラーがインラインになりました。
どこに間違いがあるのかわかりません。
gwt - 使用前に GWT フェッチ イメージ
GWT アプリケーションでは、必ず 1 つのイメージを使用しますが、使用するイメージが既にロードされている場合にのみアプリケーションをロードして、イメージが部分的にロードされているのをユーザーが見ないようにしたいのですが、どうすればよいですか?やれ??