問題タブ [jquery-lazyload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
1298 参照

javascript - jQuery lazyload はウィンドウのサイズ変更でのみ機能します

私のページの 1 つで jquery lazyload を使用していますが、ウィンドウのスクロールではなく、ウィンドウのサイズ変更のみで動作しているようです。

画像はスクロール時に表示されませんが、ウィンドウのサイズを変更すると画像が表示されます。

この css ルールを削除すると、

それは機能しますが、他のもののためにこれが本当に必要です。

別の質問ですが、このスクリプトはクロス ブラウザですか? ブラウザの互換性を探しましたが、何も見つかりません。

0 投票する
0 に答える
457 参照

javascript - 同位体 + 遅延ロードにより、フィルタリング時に要素がリロードされます

デフォルトのフィルターをロードすると、プラグインはうまく機能します。問題は、別のフィルター (アイソトープを使用) に変更すると要素がうまく表示されますが、スクロールすると要素がリロードされ、それらのいずれかが点滅します。

私のjsコードは次のとおりです。

スクロール時のスクリーンショット。2,3,4,..要素が再ロードされる(点滅する)場合があります ここに画像の説明を入力

どんな解決策でも大歓迎です

同様の例がここにあります: http://jsfiddle.net/ZnEhn/255/

他のフィルターをクリックしてスクロールします。結果は次のとおりです。「すべて」からロードされたいくつかの要素が表示され、新しい要素がロードされるため、ランダムに点滅します

0 投票する
1 に答える
5456 参照

jquery - 遅延読み込みのエラー画像

画像の読み込みに jquery.lazyload を使用しています。サンプルに従ってすべて正常に動作しています。

元の画像がローダーまたはエラーでない場合、プレースホルダー画像を「no-image.jpg」に変更する必要があります。

これに関連する次のスレッドを取得しました。 画像で LazyLoad と onerror を連携させることができません

スレッドに従って、lazyload js ファイルを更新し、エラー画像のスクリプトを含めました。次のように私のhtmlを確認してください。

ここでは意図的にフォルダに存在しない error.jpg を入れています。私の遅延ロードjsは;

ここでは、js ファイルの一部のみを示します。

しかし、ページが表示されると、「no-image.jpg」の代わりに同じプレースホルダー画像 (空) が表示されます

0 投票する
0 に答える
1526 参照

javascript - モバイルでの画像の遅延読み込み

この遅延読み込みコードを使用しています。

JS コード:

私の問題は、画像がロードされないビューポートに入った場合に水平にスクロールしているときにiPhoneにあり、機能するまで前後にスクロールする必要があります。どうすれば解決できますか?

0 投票する
1 に答える
800 参照

javascript - 背景画像の div に対する Lazyload プラグインにより、画像の読み込み時に div 内に含まれるコンテンツがちらつく

小さいながらも厄介な問題があります。私は JQuery 用の Lazyload プラグイン (Mika Tuupola - here ) を使用していますが、div background-image 属性で fadeIn 効果を使用すると、画像が最終的に読み込まれるときに内部コンテンツがちらつくという問題があります。基本的に、画像が読み込まれるとコンテンツが再読み込みされます。どうすればこれを回避できますか?

私のhtml抽出:

私の JS での Lazyload の使用法は、上記の構造を数回繰り返している (同じイメージをロードしている) ため、コンテナー要素に反しています。

ほとんどの場合、うまく機能しますが、ちらつきは多少ずれています。うまくいけば、それで十分な詳細です。サンプルフィドルを実行できるかどうかを確認します(これについては、我慢する必要があるかもしれません...)

0 投票する
4 に答える
18425 参照

javascript - jqueryでdata-src属性を取得するには?

実際にやりたいのは、最初の画像をホバーしたときに再び表示される必要がある私の構造をあなたと共有したい

デモリンクを共有して、作業方法を確認したいと思います

ちなみに、検査要素が表示されない場合はdata-src、ソース コードをチェックアウトしてみてください (クロムの場合は ctrl+U)。