ฉันได้แก้ไข (เล็กน้อยมาก) คลาส 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"><< Previous</span>
<span id="next1">Next >></span>
</p>
นี่จส
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 รูปเท่านั้น)
ดังนั้นฉันต้องการความช่วยเหลือเกี่ยวกับวิธีเพิ่ม ajax ให้กับ noobslide โดยใช้คลาส/ฟังก์ชัน mootools ajax ดั้งเดิม
ขอบคุณ