問題タブ [jquery-lazyload]

同位体プラグインを使用して製品のグリッドを設定しました。製品はページ分割され、無限スクロール プラグインを使用してスクロールに読み込まれます。これは問題なく機能しますが、非常に多くの製品があるため、いくつかのフィルターも追加しました。このフィルターもうまく機能しますが、無限スクロールと組み合わせると、フィルターを開始したときに結果が最初のページではなく、結果が表示される前にすべてのページが読み込まれるのを待つ必要があります。私の質問は、同位体フィルタリングと無限スクロールの両方を組み合わせるより洗練された方法はありますか?

blueimp galleryの jQuery バージョンを使用しています。スライドショー ページで Lazy Load を使用して、ユーザーがスクロールするときにサムネイルを読み込みます。最初のページの読み込み時にすべてのサムネイルが読み込まれるわけではなく、スクロールしなければ見えない位置にあるサムネイルは blueimp ギャラリーのサムネイル インジケーターに表示されないため、次のようにリンク タグに data-thumbnail 属性を設定します。

ただし、Lazy Load によって設定されたプレースホルダー画像である image タグの src 属性からサムネイルを読み込もうとしているようです。

私はそれを正しくやっていますか？

switchSlideEventドキュメントなしで jQuery Carousel プラグインから switchSlide() メソッドが呼び出されるたびに、カスタム イベントが発生します。

Lazy Load XT ( https://github.com/ressio/lazy-load-xt ) を使用して画像を遅延読み込みしていますが、プラグインは次のイベントでのみ画像を読み込みますload orientationchange resize scroll。

Lazy Load XT は次のように初期化されます。

次の解決策を試しましたが、成功しませんでした。

1. switchSlideEventLazy Load XTupdateEventオプションに渡します (上記参照)
2. 次のように手動で Lazy Load XT を再初期化します.on('switchSlideEvent')。

console.log イベントを取得していますが、ページをスクロールするまでカルーセル画像が「スライド」して表示されません。

質問

起動時に Lazy Load XT に新しい画像をロードさせるにはどうすればよいswitchSlideEventですか?

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

ありがとう！

特定のDIVの背景画像をロードするためにJquery lazyLoadXTを使用しています。さまざまな SRC 属性を使用しようとしているので、モバイル デバイス用に小さい画像をロードする必要があります。

これはマークアップです：

Lazyload は機能していますが、まだデフォルトのイメージ (data-bg) をロードしています。「srcAttr」と背景画像アドオンの間に競合はありますか? 回避策はありますか?

bxslider (またはスライド/画像の動的な数を可能にするコントロールのような任意のスライダー)に画像を遅延読み込みしたい。画像を遅延ロードするために遅延ロードを使用していますが、スライダー内の画像が遅延ロードされていません。すべての画像がページと共にロードされています:|。ここに私のコードがあります、

私は何を間違っていますか？

ps遅延読み込みがサポートされていれば、他のスライダー コントロールを使用することもできます。

私は jQuery の遅延読み込みhttp://jquery.eisbehr.de/lazyをしばらくの間.. 私の Web http://www.xaluan.comで使用しています が、他のページに移動してから戻るたびに完璧ではないと思います次に進む。

スクリプトはすべての画像をリロードします。Chrome と Firefox の inpect 要素でネットワークを確認しました。サーバーへの呼び出しが再度行われていることがわかりますが、それは私が望んでいるものではありません。

戻るボタン、進むボタンをクリックしたときにこれをキャッシュするための解決策は誰にもあります。私はAPI履歴ブラウザについて考えています。しかし、ページの戻るボタンと進むボタンでそれを使用する方法がわかりません。

プラグイン

lazyloadという jQuery プラグインを使用しています。

lazyつまり、画像がビューポートの範囲内に入るまで、ブラウザでレンダリングされません。

これは、たとえば、多くの画像を含むページがあり、最初の読み込みで永遠に使いたくない場合に役立ちます。

ファイアフォックス

わかりましたので、Firefoxバージョンも使用しています23.0.1

問題

プラグインは素晴らしいですが、いくつかの画像の後で下にスクロールすると、画像が読み込まれない場所 (破損した画像リンクの一般的なプレースホルダーがあるだけ) でエラーが発生し始め、コンソールにログが記録されます。

Image corrupt or truncated: [image url]

画像に問題があるわけではありません。それらはすべて個別に適切にレンダリングされます。

ランダムなので特定の画像ではありません。ページを再度読み込むと、以前の画像corruptが読み込まれ、他の画像が壊れたリンクを返しcorrupt、コンソールにログインする可能性があります。

これを探し回ったところ、<img>srcタグの同時取得に問題があるようです。

おそらくフェッチに遅延を設定する必要がありますが、遅延の長さを常に判断できるとは限りません。また、ある画像が別の画像よりも大きい場合でも、競合する可能性があります (completeコールバックとは対照的に、静的な遅延時間が発生します)。

そのため、次のことをお願いしたいと思います。

a)誰かがこれに対する解決策を知っている場合 (エラーが発生したときにキャッチし、画像の読み込み関数を再トリガーするなど)
b)$.extend()コールバック関数を作成し、それまで待機する上記のライブラリ (lazyload) に誰かが提案できる場合すべてのアクティブなフェッチはcomplete、次のものをロードする前です（これが問題である場合-問題があるかどうかは わかりません）私はjQuery忍者ではないので、コードで少し迷っています。私はそれを理解することができましたが、おそらく汚れているでしょう...
c）これが問題でない場合、これをどのように解決できるかについての指示をいただければ幸いです