問題タブ [jquery-lazyload]

画像を生成する ashx ファイル ハンドラーがあります。

これはすべてうまくいきます。

さて、遅延読み込みを使用したいと思います。このjquery 遅延読み込みプラグインを使用する

だから私はこのように私のhtml画像を調整しました：

そして、次のスクリプトを追加しました。

google chrome devoloper ツールのネットワーク タブで、このファイル ハンドラに対して 2 つの呼び出しが行われていることに気付きました。

ここにテスト フィドルを作成しました: link このフィドルを下にスクロールすると、画像が Google Chrome に読み込まれるときに 2 つの画像リクエストが表示されます。Firefox と IE では、これは 1 回の呼び出しで機能します。

この動作を回避する方法はありますか?

アップデート：

次のヘッダーがファイル ハンドラーで設定されます。

Response オブジェクトの Expires プロパティは次のとおりです。

大きな画像を扱う Web アプリケーションを作成しています。ページの読み込みの応答性を高めるために、Lazy Load Jquery Plugin を使用しました。( http://www.appelsiini.net/projects/lazyload )。

しかし、画像の読み込みに20秒以上かかったので、画像の読み込みの進行状況を表示する必要があるようです。

img タグの進行状況のイベント リスナーを追加するにはどうすればよいですか? パーセンテージで進行状況を表示したい。

現在、無限スクロールでレイジーロードを使用しています。ユーザーがページの一番下までスクロールすると、新しい「遅延」画像がロードされますが、マウスを移動するまで遅延ロードは画像のダウンロードをトリガーしません。lazyload に強制的に画像をダウンロードさせ、マウスからの操作を待たずにビューポートを設定する方法はありますか?

http://cl.ly/image/1s2E2t1b1t3b

私はこのコードを使用しています：

jquery.lazyload を印刷および印刷メディア クエリで動作させようとしています。Chromiumでほぼ動作します。ただし、「画面」にのみ表示され、「印刷」出力には表示されません。これが遅延ロードの非同期性によるものなのか、それとも私の誤用によるものなのかはわかりません。

ここに私がこれまでに持っているものがあります：

.trigger('appear')ソースを掘り下げて初めて見つけました。Chromium の開発ツールまたは firebug で動作します。ただし、このコンテキストで実行すると動作が異なるように見え、その理由がわかりません。

これをプリンターメディアで機能させる方法について、推測をいただければ幸いです。

私は自分のサイトで遅延ロードを行っています。しかし、誰かが Web ページを印刷したい場合は、読み込みスピナーではなく、画像も印刷するようにします。

ここに私の画像がどのように見えるかがあります

@media print { } を使用して、src を元のデータと同じにしたいと思います。

これを試しましたが、うまくいきませんでした。（スタイルシートでそれが機能するかどうかを確認しました）

これが私がアイデアを得た場所です： http://andydavies.me/blog/2012/08/13/what-if-we-could-use-css-to-manipulate-html-attributes/

役立つ場合は、jsfiddle を次に示します。 http://jsfiddle.net/gXpzb/

lazyload と jquery mobile の間の競合により、phonegap iOS ビルドを使用$.mobile.changePageした場合の期待される結果が損なわれます。$.mobile.navigate

ただし、デスクトップ ブラウザーでは機能しますが、iOS ビルド (phonegap が提供するものなど) では機能しません。

この問題は、コードの次のセクションが原因で発生します。

スタック トレースの問題event.originalEventはundefined.

列の1つに画像があるデータテーブルがあります。

行数が 900 以上に達し、ブラウザが使用するリソースとページの読み込みにかかる時間を考慮して、ブラウザが 900 以上の画像を読み込もうとするのを避けたいと考えています。

そこで、lazyload プラグインが役に立ちます !!
http://www.appelsiini.net/projects/lazyload

最初のページは正常に読み込まれますが、次の場合に画像が読み込まれません:

1. ユーザーは「次へ」ボタンをクリックして次のページを表示します
2. ユーザー フィルターと特定の行が表示されます

遅延ロード プラグインに「イベント トリガーのロード」セクションがあるようですが、どのように使用できるかわかりません。

誰かが私を正しい方向に向けることができれば素晴らしいでしょう.

注：Datatablesとは、http ://www.datatables.netを意味します

編集：8/27 - この質問を忘れていました。しかし、私は自分のカスタムソリューションを実装することになりました:)

jquery lazyload プラグインを使用しています。ページの読み込み時にプラグインが機能しません。そして、自分の Web サイトの [ホーム] タブをクリックしたときにのみ機能します。これらは私のソース コードのスニペットです。

何が問題であり、これに対する可能な回避策を知っている人はいますか?

多くのソース コードがなければ答えを出すのは非常に難しいことはわかっていますが、以前にこの問題に遭遇した人がいるかどうかを知りたいです。これは私の遅延読み込みコードです。

ウェブサイトを実行して上下にスクロールするとうまく機能し、遅延読み込みは完全に機能します。

問題が発生するのは、最初にウェブサイトを起動し、下にスクロールしても最初のいくつかの画像が読み込まれるときですが、ナビゲーション メニューを開くと、上下にスクロールすると遅延読み込みが機能しなくなります。ロードされていない残りの画像。

$('img.lazy').lazyload(); を使ってみた document.ready 内で displaylogo 関数の外に移動しますが、まったく機能しません。つまり、ページが読み込まれると、遅延読み込みがまったく機能しません。

どんな助けでも大歓迎です。