1

jQuery と JAIL プラグイン [2] を使用して、非常に単純なポートフォリオ Web ページ [1] に取り組んでいます。この Web ページの主な要素は、ページの中央にある (スライダーのような) 画像の水平方向のリストです。

その水平リストに画像をロードするために、ページは ajax POST をサーバー上の PHP に送信し、JAIL プラグインを使用してブラウザにロードします。この時点で、ページはブラウザのビュー ポートに表示される画像をロードします。ただし、ビューポートの外側にある残りの画像は、ユーザーがマウスを画像に合わせてスクロールを開始するまで読み込まれません。トリガーイベントなしですべての画像をロードしたい。

[3] と [4] で提案されているいくつかのトリックを試しましたが、成功しませんでした。

誰かが私を助けることができますか？

ありがとう ;-）

[1] https://www.fabianebello.com.br/newsite

[2] https://github.com/sebarmeli/JAIL

[3] jQuery jail プラグインとイメージのロードが機能しない場合がある

[4] jQuery LazyLoad はスクロールするまで画像を読み込まない

アップデート

これが JAIL のデフォルトの動作だと思います。ブラウザのビューポートの外にある画像の場合、スクロール イベントが発生するまで待機します。これについてはよくわかりません。JAIL の使い方が間違っているのかもしれません。今のところ、（私の特定のシナリオで）問題を解決しました

$(window).scroll();

ユーザーがスライダーナビゲーターを動かしたとき。

4

0 に答える 0