問題タブ [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.
javascript - 確実な Javascript 画像プレビュー
ユーザーがアップロードしようとしている画像のプレビューをユーザーに提示し、FF で非常にうまく機能する次のコードがあります。
問題は、getAsDataURL()FFでしか機能しないことです。Chromeのこの種の機能に似たもの/回避策はありますか(具体的には)?
javascript - オブジェクトがロードされているかどうかを検出する [Javascript]
特定の画像/ divがロードされているかどうかを検出する方法はありますか? たとえば、2 つの重い画像を読み込んでいて、後で画像が占有する 2 つの場所に読み込みサインを表示している場合、最初の画像が読み込まれているときに、2 番目の画像を読み込んでいる間に最初の画像を表示する方法はありますか?
jquery - jQuery 画像のプリロード/キャッシュがブラウザを停止する
要するに、私は非常に大きなフォト ギャラリーを持っており、最初のページが読み込まれたときにできるだけ多くのサムネイル画像をキャッシュしようとしています。1000以上のサムネイルが存在する可能性があります。
最初の質問 -- そんなにたくさんプリロード/キャッシュしようとするのはばかげていますか?
2 番目の質問preload()です。関数が起動すると、ブラウザ全体が 1 ～ 2 分間応答を停止します。その時点でコールバックが発生し、プリロードが完了します。この多くのオブジェクトを読み込もうとするときに、ユーザー エクスペリエンスや速度を妨げない「スマート プリロード」を実現する方法はありますか?
$.preLoadImages関数はここから取得されます: http://binarykitten.me.uk/dev/jq-plugins/107-jquery-image-preloader-plus-callbacks.html
これが私がそれを実装する方法です：
1000枚の画像はたくさんあります。求めすぎですか？
jquery - jQuery を使用して画像をプリロードしようとしてもうまくいかないのはなぜですか?
現在、私はこのコードを持っています:
ただし、非常に奇妙な動作をしています。通常、アラート ボックスは表示されません。ただし、開発者ツールを開いてスクリプトの実行を一時停止すると、0. 古き良きハイゼンバグのようなものはありません！
実際の例はここにあります。スクリプト自体は と呼ばれstyle.js、画像がロードされたことは明らかです。
私は何かばかげたことをしていますか、それともjQueryがうまくいっていますか?
jquery - jQuery を使用して画像をプリロードする
Nettuts のチュートリアル コメント(James による) に続いて、このコード スニペットを取得したので、それを実装したいと思います。
画像をプリロードするチュートリアルの方法は長くなりましたが、James の短縮バージョンが気に入りました。ただし、これを実装しようとしましたが、うまくいきません。
最初に配列を設定する必要があるようです。その配列をループしてから、画像オブジェクトを作成してロードします。それでも、Firebug を確認すると、画像がキャッシュにロードされていません。
助けていただければ幸いです！
javascript - how to preload large size image?
i have certain links, on mouse over of those links I am changing <div> background image
jQuery I have used is-
It is working fine but the problem is when I running it on server images takes 3-4 sec to be changed on change, but the second time I do mouse over images are getting changed instantly, I think this is because of browser stored images in cache. So I added one javascript to preload images on page onLoad() ivent -
<body onLoad="javascript:preloader()">
but this script has not solved my problem.what should I do?
javascript - JavaScriptのプリロードされた画像のサイズを取得する
サーバーで生成された多数の画像を小さなWebサイトにプリロードしようとしています。プリロードはsetWindowTimeoutを使用して実行され、Imageオブジェクトを使用して、onloadコールバックを設定してから、新しいリクエストURIを適用します。
一部のリクエストでは、サーバーは画像が「変更されていない」ことを通知する必要があり、小さな1x1ピクセルのgifを送信して送信しています（実際の画像を送信する必要があるようです。空のコンテンツを返すと、Imageオブジェクトが発生しますオンロードを起動しないようにします）。オンロードハンドラーで、フェッチされた画像のサイズを決定してから、指定された画像でビジュアル画像を更新する必要があるかどうかを判断したいと思います。
以下は私の現在のソリューションのスニペットです（出力はデバッグに役立つdivです）：
私は2つの問題を抱えているようです：
a）imgObj.completeは、関数が最初に呼び出されたときはfalseですが、一度だけ呼び出されます（したがって、コメントアウトします）。
b）ロード時に画像の幅または高さのプロパティに依存できないようです。1x1ピクセルをフェッチするテストから、新しいImage（）を作成するときにデフォルトのように見える50が読み取られることがあり、正しいサイズの1が読み取られることもあります。
私の最終的な目標は、サーバーに新しい画像を定期的に照会する、新しい画像が何も起こらなければ何もしない（1ピクセルの画像）、または新しい画像を読み込むjavascriptロジックの小さなチャンクを用意することです。ここでは間違った方向に進んでいるか、重要なプロパティや呼び出しを見落としている可能性があるため、フィードバックをいただければ幸いです。
編集：mplungjanからの提案に応じて、代わりに非表示のdivにプリロードしました。これは、問題b）で役立ちました。それでも問題の解決策はありませんa）しかし; 完了=falseを一度報告し、再度呼び出されない
javascript - プリロードされた画像でスクリプトを作成する方法がわからない
誰かがこれを見て、画像を表示するために何をしなければならないか教えてもらえますか?
javascript - jQueryを使用した画像のプリロード
私はこれがホットなトピックであることを知っており、同じタイトルの以前の質問があったことを知っていますが、私はすべてを試しましたが、何かが正しく機能していません。何らかの理由で、Firefoxは画像をプリロードしません。画像はIE7/8とChromeで（必要に応じて）プリロードされます。しかし、Firefoxではありません。
編集：
新しいフィドルを作成しました：http：//jsfiddle.net/Z2W7r/ 誰かがそれを変更し、適切なjQueryまたはJavascriptコードを追加して画像をプリロードできる場合は、とても感謝しています。
私も次のプラグインを使用しています：
}
そしてそれをこのように呼びます：
だから...誰かがこのスクリプト（またはそのことについてはスクリプト）がFirefoxだけで機能しない理由を知っていますか？リクエストがあれば、サイトのアドレスを提供できます。
apache-flex - flex 4.1 s:List: 表示されているアイテムだけでなく、リストにすべてのアイテムを強制的にロードするにはどうすればよいですか?
Flex で Facebook アプリケーションを作成しています。私は実際に、アプリケーションを使用している友達を表示する友達コンポーネントに取り組んでいます。現在、各友達にはプロフィール画像があります。
as:List 要素を使用してコンポーネントを作成しました。
要素のスキン クラスで、requestedColumnCount を 3 に設定しました。これは、3 人の友人が表示されることを意味します。リストを左右にスクロールするボタンを追加しました。
別の友人を表示するためにスクロールするたびに、List コンポーネントが画像を表示するために画像をロードしているため、0.5 秒間画像が表示されません。
リストにすべての要素をプリロードして、この種の問題が発生しないようにする方法はありますか?