問題タブ [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.
javascript - jQuery lazyload はウィンドウのサイズ変更でのみ機能します
私のページの 1 つで jquery lazyload を使用していますが、ウィンドウのスクロールではなく、ウィンドウのサイズ変更のみで動作しているようです。
画像はスクロール時に表示されませんが、ウィンドウのサイズを変更すると画像が表示されます。
この css ルールを削除すると、
それは機能しますが、他のもののためにこれが本当に必要です。
別の質問ですが、このスクリプトはクロス ブラウザですか? ブラウザの互換性を探しましたが、何も見つかりません。
javascript - 同位体 + 遅延ロードにより、フィルタリング時に要素がリロードされます
デフォルトのフィルターをロードすると、プラグインはうまく機能します。問題は、別のフィルター (アイソトープを使用) に変更すると要素がうまく表示されますが、スクロールすると要素がリロードされ、それらのいずれかが点滅します。
私のjsコードは次のとおりです。
スクロール時のスクリーンショット。2,3,4,..要素が再ロードされる(点滅する)場合があります
どんな解決策でも大歓迎です
同様の例がここにあります: http://jsfiddle.net/ZnEhn/255/
他のフィルターをクリックしてスクロールします。結果は次のとおりです。「すべて」からロードされたいくつかの要素が表示され、新しい要素がロードされるため、ランダムに点滅します
jquery - 遅延読み込みのエラー画像
画像の読み込みに jquery.lazyload を使用しています。サンプルに従ってすべて正常に動作しています。
元の画像がローダーまたはエラーでない場合、プレースホルダー画像を「no-image.jpg」に変更する必要があります。
これに関連する次のスレッドを取得しました。 画像で LazyLoad と onerror を連携させることができません
スレッドに従って、lazyload js ファイルを更新し、エラー画像のスクリプトを含めました。次のように私のhtmlを確認してください。
ここでは意図的にフォルダに存在しない error.jpg を入れています。私の遅延ロードjsは;
ここでは、js ファイルの一部のみを示します。
しかし、ページが表示されると、「no-image.jpg」の代わりに同じプレースホルダー画像 (空) が表示されます
javascript - モバイルでの画像の遅延読み込み
この遅延読み込みコードを使用しています。
JS コード:
私の問題は、画像がロードされないビューポートに入った場合に水平にスクロールしているときにiPhoneにあり、機能するまで前後にスクロールする必要があります。どうすれば解決できますか?
javascript - 背景画像の div に対する Lazyload プラグインにより、画像の読み込み時に div 内に含まれるコンテンツがちらつく
小さいながらも厄介な問題があります。私は JQuery 用の Lazyload プラグイン (Mika Tuupola - here ) を使用していますが、div background-image 属性で fadeIn 効果を使用すると、画像が最終的に読み込まれるときに内部コンテンツがちらつくという問題があります。基本的に、画像が読み込まれるとコンテンツが再読み込みされます。どうすればこれを回避できますか?
私のhtml抽出:
私の JS での Lazyload の使用法は、上記の構造を数回繰り返している (同じイメージをロードしている) ため、コンテナー要素に反しています。
ほとんどの場合、うまく機能しますが、ちらつきは多少ずれています。うまくいけば、それで十分な詳細です。サンプルフィドルを実行できるかどうかを確認します(これについては、我慢する必要があるかもしれません...)
javascript - jqueryでdata-src属性を取得するには?
実際にやりたいのは、最初の画像をホバーしたときに再び表示される必要がある私の構造をあなたと共有したい
ちなみに、検査要素が表示されない場合はdata-src
、ソース コードをチェックアウトしてみてください (クロムの場合は ctrl+U)。