Comment ajouter des appels ajax à la classe Mootools

Question

J'ai modifié (très légèrement) la classe Mootools noobSlide (http://www.efectorelativo.net/laboratory/noobSlide/) pour créer un flux de photos de style flickr.

Voici le code HTML modifié (notez que vous pouvez voir l'original sur la page ci-dessus)

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> 

Voici la 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') 
     } 
    }); 

Ce que je voudrais savoir comment ajouter un appel ajax à cela, j'ai environ 50 images et je veux seulement charger environ 5 (en fait je suppose que j'ai seulement besoin de charger 2) à la fois.

donc je voudrais un peu d'aide sur la façon d'ajouter ajax à noobslide en utilisant les Mootools natifs ajax classe/fonction

Thnkx

Answer 1

Mootorial.