問題タブ [image-preloader]

私はこの方法を使用しました：CSSThrowdown-JavaScriptなしで画像をプリロードするJeffStarr- http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/

Webブラウザーで表示すると正常に動作しますが、モバイルでは効果がないようです。.pngアイコンの読み込みに時間がかかりすぎます。

サムネイルと完全な画像を 1 つずつループで読み込む画像ギャラリー クラスがあります。次に、配列にプッシュし、各ビットマップで 1 つのムービー クリップを作成します。それはうまくいっています。

このプロセスの一部で、ギャラリー全体を表示する前に、すべての画像をプリロードできますか?

ありがとう！

テキストを展開するための jquery プラグインである expander.js を使用しています。

ここにあるのは、

展開と折りたたみがトリガーされるたびに、画像を交換することになっています。

現在、通常は問題ありません。

もう1つの情報は、拡張可能な説明と画像が付属するアイテムのリストがあるため、コード内にIDがあることです。

編集:完全なコードが表示されるようになりました。

コードは以下のとおりです。

ただし、画像の変化にはタイムラグがあります。

イメージをプリロードしたいのですが、正しくスワップする方法がわかりません。

これらの 2 つのリンクを調べましたが、どうすれば機能するのかまだわかりません。

http://jquery-howto.blogspot.com/2009/02/preload-images-with-jquery.html http://jquery-howto.blogspot.com/2009/04/jquery-image-swap-or-how -to-replace.html

お知らせ下さい。

背景画像を動的に切り替えています。当然、すぐに表示するにはプリロードする必要があります。私はそれらをプリロードしています。画像が読み込まれると、FireBug でフォローできます。背景画像が切り替わると、FireBug で画像が再びダウンロードされるのがわかります。

ここに私の URL があります: http://www.morganpackard.com/siteRoot/

奇妙なことに、ページをリロードすると、すべてが期待どおりに機能します。私が取っている手順は次のとおりです。

1) FireFox キャッシュをクリアする 2) ページをリロードする 画像の読み込みが遅く、明らかにプリロードもキャッシュもされていません。イメージのスワップがあるたびに、イメージが再度ダウンロードされます。3) キャッシュをクリアせずにページを再度リロードします。イメージのロードとスワップは即座に行われ、すべてが期待どおりに機能します。

そのため、FireFox がキャッシュから画像を読み取る前に RELOAD する必要があるようです。これは変です。何か案は？

注: 私の画像は膨大です。もちろん、それらを圧縮しますが、このプリロードを最初にソートしたいと考えています。

JavaScript を使用せずに、CSS のみを使用して画像をプリロードするにはどうすればよいですか? クロスブラウザである必要があります。

CSS スプライトを使いたくない。他の解決策はありますか？

画像をプリロードしようとしていますが、機能しません。メインのスタイルシートで#preloadを作成し、次にhtmlでpreloaddivを作成しました。cssで、バックグラウンドメソッドを実行してプリロードを試みましたが、機能しません。

Firefox にプリロードされた画像に問題があります。(webkit) Chrome/Safari では問題なく表示されます。

見てみましょう。

:hovercssファイルに画像をロードしました：

とHTML

Firefox がサーバーからではなく、キャッシュから画像を読み込まないのはなぜですか?

どうすれば修正できますか？

これが私のプリロードスクリプトです：

そしてそれはうまくいきます。ヘッダーで画像の読み込みを確認できます。

これが私の質問です。sprites.pngをプリロードしましたが、画像全体を表示するだけのサイトのページにアクセスすると、ブラウザがサーバーに画像の再送信を要求していることをヘッダーが示しています。

私はあまり素朴に聞こえないことを望んでいます。しかし、以前に画像をプリロードしたときに、ブラウザが画像を要求するのはなぜですか？ブラウザが再リクエストする必要がある他の理由はありますか？

また、寸法をImage（1,1）とします。その画像は時々更新されるので、時々私は寸法を知りません。多分それが理由ですか？

ユーザーがアップロードしようとしている画像のプレビューをユーザーに提示し、FF で非常にうまく機能する次のコードがあります。

問題は、getAsDataURL()FFでしか機能しないことです。Chromeのこの種の機能に似たもの/回避策はありますか(具体的には)?

特定の画像/ divがロードされているかどうかを検出する方法はありますか? たとえば、2 つの重い画像を読み込んでいて、後で画像が占有する 2 つの場所に読み込みサインを表示している場合、最初の画像が読み込まれているときに、2 番目の画像を読み込んでいる間に最初の画像を表示する方法はありますか?