3

jQuery Isotope プラグインでjQuery 遅延ロード プラグインを使用しようとしています。物事はうまくいっているように見えますが、レイジー ロード プラグインを自分のニーズに合わせて変更する方法を理解するのに苦労しています。

プラグインはデフォルトで、スクロール イベントを処理して遅延読み込みをトリガーします。ホバーとクリックもあります。ページの読み込み時にプラグインを起動したいと思います。たとえば、完了してから 2000ms 後$(window).load()です。

次のように、ドキュメントごとに独自のイベント関数を作成できることがわかりました。

$(function() {          
    $("img:below-the-fold").lazyload({
        event : "sporty"
    });
});
$(window).bind("load", function() { 
    var timeout = setTimeout(function() {$("img.lazy").trigger("sporty")}, 5000);
});

しかし、私の無知のため、このスニペットを使用して独自のページ読み込みイベントを作成する方法がわかりません。

最初の画像を の後に遅延読み込みしてから$(window).load()、アイソトープ フィルタリング イベントを適用すると、新しいアイテムが DOM に入力されるときに遅延読み込みされるようにします。

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

4

1 に答える 1

0

役立つかもしれない遅延読み込みプラグインを作成しました。初期化したら、呼び出すだけで$.fn.lazyloadanything('load')、最初にスクロールしなくても自動的にロードされます。カスタマイズする必要はありません。見てみな：

https://github.com/shrimpwagon/jquery-lazyloadanything

于 2013-03-04T21:50:53.090 に答える