jquery - BXSlider で遅延読み込みを行う方法

Question

Bxsliderを使用して画像ギャラリーを使用しています。スライドに 15 枚以上の画像があり、読み込みに時間がかかります。そのため、特定のスライドが表示されたら、各スライダーに画像を 1 つずつ読み込む必要があります。ここから、LazyLoadを使用して画像をロードする lazyload と bxsliderの例を取得しました。しかし、それは私にとってはうまくいきません。誰でもこれで私を助けることができますか?

このコードを使用しています

    $(document).ready(function(){
    $("#moreLessons").bxSlider( { 
        startingSlide:1,
        pager: false
    });
    // trigger lazy to load new in-slided images
    $("a.bx-prev, a.bx-next").bind("click", function() {
        // extra call for lazy loading
        setTimeout(function() { $(window).trigger("scroll"); }, 100);
    });
});