問題タブ [jquery-lazyload]

元の appelsiini.net の LazyLoad プラグインの使用に問題があります。

の構造を利用する場合

上記は機能します。しかし、私は必要な別の構造を持っています。

しかし、この使用法では、運がありません。私は選択肢を見て、答えを見つけようとしました。しかし、しませんでした。

LazyLoad は連続する img タグのみに適用されますか? それとも、これは div でラップされた img タグでは実行できませんか?

ありがとうございました。

問題の解決に関連するコードのどの部分を引用すればよいかわかりません。ここにテスト ページがあります: http://www.guru3.com/filechute/pentco_new/

いくつかの Jquery サード パーティ スクリプト/プラグインを使用していますが、動作が不安定です。

私が使用しているスクリプト/プラグインは次のとおりです。 .github.io/jPages/ ) - レイジーロード スクリプト ( http://www.appelsiini.net/projects/lazyload )

したがって、Jpages スクリプトと Lazyload スクリプトを連続して使用して 2 つの外部ページ スライドをロードすると、問題が発生します。最初のページをロードすると、スクリプトが実際にロードしてコンテンツを表示し、適切にフォーマットするのに数秒かかります。2 番目のページを読み込むと、スクリプトは基本的に停止し、メニューや画像コンテンツは読み込まれません。2 番目のページを更新して 2 ～ 3 秒間一時停止すると、ページにコンテンツが読み込まれます。

したがって、テスト ページのインスタンスの場合、"Fullwrap > Material Options" および "Lamineer > Material Options" スライドが問題のページになります。

ブラウザを更新せずにこれらのページを適切にロードする方法はありますか? 次に、ページのレンダリング時に発生するラグ タイムを軽減する方法はありますか?

私はアマチュアなので、私のコードに「骨の折れる」ようなものがある場合は、「骨の頭」ではないことを学ぶことができるように、あなたが私に与えることができる照明をいただければ幸いです。

ありがとうございました。

多くのタグを含む html ファイルがあります。

スクロール イベントで画像をロードし、表示されていない画像をアンロードしたい。Aamzaon ビューアのように、上下にスクロールすると、フレーム内の現在の画像が遅延ロードされます。

多くの LazyLoad ツールを見てきましたが、アンロード機能を備えたものはありません。

次のように、多くの画像を含む HTML ページがあり、すべて独自の div にあり、各 div は同じサイズです。

HTML:

jQuery の Lazy Load Plugin を使用して、スクロールするときに画像を読み込むことにしました。

遅延ロードの実装:

Lazy Load とは何かを知らない方のために: Lazy Load

livesearch 機能を実装するまで、これはすべてうまくいきました。これは、フォームに入力された単語、フレーズの div を検索し、検索入力に一致しない div を非表示にします。

HTMLフォーム:

JS:

ソース

検索はうまく機能し、適切な div を非表示にして表示するのが非常に高速ですが、問題は、検索結果で、事前にスクロールされた画像のみが適切に表示されることです。他のdivにはまだ「transparant.gif」が表示されていました

検索結果の画像の「src」を「データ元の」画像に更新するにはどうすればよいですか?

lazyload の画像構文が data-original と共に img タグを必要とし、Picturefill の構文にそれらの場所がない場合、lazyload.js を Picturefill に組み込む方法を考えています。

たとえば、これは Picturefill を使用した画像のマークアップです。

lazyload.js が必要とする class 属性を image タグまたは data-original 属性のどこに配置するかわかりません。lazyload.js を Picturefill と一緒に実装する方法、または Picturefill の使用を維持しながら画像を遅延ロードするその他の方法に関するアイデアはありますか?

私はstackoverflowで与えられたすべての解決策を試しました。

• ウィンドウのサイズ変更後の読み込みに関する Jquery LazyLoad.js の問題
• Lazy Load は可視画像をロードしません
• jQuery LazyLoadはスクロールするまで画像をロードしません

• スクロールするまでLazyLoad画像が表示されない

  /li>

代替http://luis-almeida.github.io/unveil/も試しました

しかし、問題はまだ同じです。ウィンドウのサイズを変更しない限り（またはコンソールで $(window).resize(); ）、画像は表示されません。ただし、しきい値を 300 にすると、最初の 300 ピクセルの画像が表示され、他の画像は表示されません...

最も奇妙なのは、問題が 2 つのプラグインで同じであることです。

なにか提案を？

Appelsiini Lazy Load をインストールしましたが、デスクトップ ビューで正常に動作します。これをモバイルで無効にするにはどうすればよいですか。これは遅延読み込みの Web サイトです - www.appelsiini.net/projects/lazyload