問題タブ [image-preloader]

「loading.gif」を開始するJquery画像プリローダーと、ページを開いた直後に画像プリロード領域を開始しようとしています（それが適切な用語でさえある場合）。JavaScriptの配置などを実験してきましたが、常に読み込まれます私の好みには少し遅すぎます。

URLはこちら

http://eleven23.net/beta/work/web/lounge22-preload.php

ロードを高速化するために実験中の変数がいくつかあります

どちらを使用する必要がありますか?

$(window).bind("ロード", function() {

• また -

$(document).ready (function() {

</body>また、jquery の開始時間を短縮することを期待する直前に、インライン JavaScript を配置しました。

助言がありますか？

jQuery と Flickr REST API を使用してスクリプトを作成しています。

疑似アルゴリズムに従う

1) Flickr API をヒットし、$.getJSONnad create lilist 要素を使用して写真のリストを取得します。

2) 作成したリストを参照して、すべての画像をプリロードします(ここに問題があります)。

3）すべての画像をクリックすると、プリロードされた配列から画像が表示されます

今、私はこれが欲しい

1) Flickr から JSON オブジェクトを取得する

2) リストを作成して DOM に追加する

3) 挿入が成功したら、リストからすべての画像を実行し、1 つずつ順番にプリロードします。

非同期オプションも試しましたが、何も起こりませんでした

私はこの方法を使用しました：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）とします。その画像は時々更新されるので、時々私は寸法を知りません。多分それが理由ですか？