javascript - Mootools クラスに ajax 呼び出しを追加する方法

Question

Mootools クラスの noobSlide ( http://www.efectorelativo.net/laboratory/noobSlide/ ) を (ごくわずかに) 変更して、flickr スタイルのフォトストリームを作成しました。

変更後の html は次のとおりです (上のページでオリジナルを確認できます)。

print("code sample");<h2>Sample 2</h2>
<div class="sample">
<div class="mask4">
    <div id="box2">
        <span><img src="img1.jpg" alt="Photo" /></span>
        <span><img src="img2.jpg" alt="Photo" /></span>
        <span><img src="img3.jpg" alt="Photo" /></span>
        <span><img src="img4.jpg" alt="Photo" /></span>
        <span><img src="img5.jpg" alt="Photo" /></span>
        <span><img src="img6.jpg" alt="Photo" /></span>
        <span><img src="img7.jpg" alt="Photo" /></span>
    </div>
</div>
<p class="buttons">
    <span id="prev1">&lt;&lt; Previous</span>
    <span id="next1">Next &gt;&gt;</span>
</p>

JSはこちら

print("code sample");//SAMPLE 2 
    var hs2 = new noobSlide({
        box: $('box2'),
        items: [1,2,3,4],
        size: 500,
        interval: 3000,
        buttons: {
            previous: $('prev1'),
            next: $('next1')
        }
    });

私が知りたいのは、これに ajax 呼び出しを追加する方法です。約 50 個の画像があり、一度に約 5 個しかロードしたくない (実際には 2 個だけロードする必要があると思います)。

そこで、ネイティブの mootools ajax クラス/関数を使用して ajax を noobslide に追加する方法について助けてください。

thnkx

Answer 1

モートリアル。