javascript - Ajax で読み込まれたコンテンツを含む Slider

Question

私はこの次のページのページネーションを持っています:

<div class="pagination-centered hide">
  <ul class="pagination">
      <li class="current"><a href="">1</a></li>
      <li class="next"><a href="./index.php?path=index2">2</a></li>
      <li><a href="./index.php?path=index3">3</a></li>
  </ul>
</div>

次のように、無限プラグインを使用して、スクロールしてコンテンツをロードしています。

        $("#teaser-slide-ul").infinitescroll({
            loading: {
                finishedMsg: "<div class='alert-box secondarty' style='margin-top: 10px;'>Sie haben das Ende der Bildergalerie erreicht!</div>",
                msgText: "<div class='alert-box secondarty' style='margin-top: 10px;'>Lade neue Bilder nach...</div>"
            },
            navSelector:  '.pagination',
            nextSelector: '.pagination li.next a',
            itemSelector: '.teaser-slide',
            dataType:     'html'
        });

このリクエストは、.teaser-slideのコンテンツをliに追加します。私の問題は、スライダーの正確な ajax 読み込みが必要なことです。このようなことを実行できるスライダーと、それを実装する方法がわかりません。

概要:クラスcurrentを使用して、ナビゲーションでliの後にリンクされている任意のページから特定のコンテンツをロードできるスライダーが必要です。